:root { color-scheme: dark; font-family: Inter, sans-serif; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: #e5eef9; background: #0f172a; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.page-shell { position: relative; min-height: 100vh; overflow: hidden; display: grid; place-items: center; gap:28px; padding: 42px 18px 68px; background-image: linear-gradient(rgba(56,189,248,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.045) 1px,transparent 1px); background-size: 36px 36px; }
.glow { position:absolute; border-radius:999px; filter:blur(90px); opacity:.34; pointer-events:none; }.glow-one { width:360px;height:360px;background:#10b981;top:-140px;left:-100px; }.glow-two {width:420px;height:420px;background:#0e7490;right:-190px;bottom:-200px;}
.hero-banner { position:relative; z-index:1; width:min(100%,760px); overflow:hidden; padding:1px; border-radius:29px; background:linear-gradient(120deg,rgba(16,185,129,.85),rgba(56,189,248,.82),rgba(16,185,129,.26)); box-shadow:0 24px 70px rgba(2,8,23,.42), inset 0 1px 0 rgba(255,255,255,.35); transform:perspective(1000px) rotateX(1.2deg); }
.hero-banner::after { content:""; position:absolute; inset:1px; z-index:-1; border-radius:28px; background:linear-gradient(125deg,rgba(30,41,59,.9),rgba(15,23,42,.77)); backdrop-filter:blur(12px); }
.hero-content { position:relative; overflow:hidden; padding:clamp(27px,5vw,48px); border-radius:28px; background:linear-gradient(115deg,rgba(15,23,42,.68),rgba(30,41,59,.52)); backdrop-filter:blur(12px); }
.hero-content::before { content:""; position:absolute; width:270px; height:270px; right:-170px; top:-200px; border-radius:50%; background:rgba(56,189,248,.18); filter:blur(22px); }.hero-content::after { content:""; position:absolute; width:220px; height:220px; left:-160px; bottom:-185px; border-radius:50%; background:rgba(16,185,129,.18); filter:blur(20px); }
.hero-content>* { position:relative; z-index:1; }.hero-badge { display:inline-flex; margin:0 0 18px; padding:8px 12px; border:1px solid rgba(110,231,183,.38); border-radius:999px; color:#d1fae5; background:rgba(16,185,129,.12); font-size:.77rem; font-weight:800; letter-spacing:.045em; box-shadow:0 0 23px rgba(16,185,129,.13); }.hero-content h1 { max-width:560px; margin:0; font-family:"Space Grotesk",sans-serif; font-size:clamp(2rem,5vw,3.45rem); line-height:1.05; letter-spacing:-.06em; }.hero-content h1 span { color:#5eead4; }.hero-content p:not(.hero-badge) { max-width:650px; margin:15px 0 0; color:#c4d0df; font-size:clamp(.88rem,2vw,.99rem); line-height:1.72; }.hero-cta { display:inline-flex; align-items:center; gap:9px; margin-top:27px; padding:13px 17px; border:1px solid rgba(56,189,248,.33); border-radius:12px; color:#dff9ff; text-decoration:none; font-size:.85rem; font-weight:800; background:rgba(56,189,248,.11); box-shadow:0 7px 21px rgba(2,8,23,.22); transition:transform .2s,background .2s; }.hero-cta:hover { transform:translateY(2px); background:rgba(16,185,129,.18); }.hero-cta i { animation:scroll-nudge 1.4s ease-in-out infinite; }@keyframes scroll-nudge{50%{transform:translateY(4px)}}
.hero-team-list { margin-top:25px; padding-top:20px; border-top:1px solid #e4e4ee; }.hero-team-list p { margin:8px 0!important; color:#374151!important; font-size:.92rem!important; line-height:1.45!important; }.hero-team-list strong { color:#111827; }
.application-card { z-index:1; width:min(100%, 760px); padding:clamp(25px,5vw,52px); border:1px solid rgba(148,163,184,.2); border-radius:28px; background:rgba(30,41,59,.82); box-shadow:0 26px 90px rgba(0,0,0,.36); backdrop-filter: blur(16px); }
.card-header { text-align:center; }.brand-mark { display:grid; place-items:center; width:48px;height:48px;margin:0 auto 16px;border:1px solid rgba(52,211,153,.46);border-radius:15px;color:#6ee7b7;background:rgba(16,185,129,.11);box-shadow:0 0 28px rgba(16,185,129,.2); }.eyebrow { margin:0 0 9px; color:#5eead4; font-size:.72rem; font-weight:800; letter-spacing:.18em; }.card-header h1,.success-card h2 { margin:0; font-family:"Space Grotesk",sans-serif; font-size:clamp(2rem,5vw,3.2rem); line-height:1.06; letter-spacing:-.055em; }.card-header h1 span { color:#38bdf8; }.intro { max-width:480px;margin:17px auto 0;color:#a9b9ce;line-height:1.65; }
.progress-wrap { margin:39px 0 33px; }.progress-track { height:4px; border-radius:99px; overflow:hidden; background:#334155; }.progress-fill { height:100%;width:50%;border-radius:inherit;background:linear-gradient(90deg,#10b981,#38bdf8);transition:width .35s ease; }.progress-labels {display:flex;justify-content:space-between;margin-top:10px;color:#8292a8;font-size:.76rem;font-weight:700}.progress-labels span {display:flex;align-items:center;gap:6px}.progress-labels b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#334155;font-size:.7rem}.progress-labels .active{color:#d8fff2}.progress-labels .active b{background:#10b981;color:#062c23}
.section-heading { display:flex;gap:12px;align-items:center;margin-bottom:24px; }.section-icon {display:grid;place-items:center;width:39px;height:39px;border-radius:11px;color:#7dd3fc;background:rgba(56,189,248,.11)}.section-heading h2{margin:0;font-size:1.08rem;font-weight:800}.section-heading p{margin:3px 0 0;color:#94a3b8;font-size:.83rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field,.dynamic-field{display:flex;flex-direction:column;gap:8px;color:#cbd5e1;font-size:.83rem;font-weight:700}.full-width{grid-column:1/-1}em{color:#5eead4;font-style:normal}.field input,.field select,.dynamic-field input,.dynamic-field select,.dynamic-field textarea{width:100%;padding:13px 14px;border:1px solid #3a4a61;border-radius:11px;outline:none;color:#eaf3ff;background:#172237;transition:border-color .2s,box-shadow .2s}.field textarea,.dynamic-field textarea{min-height:110px;resize:vertical}.field input::placeholder{color:#64748b}.field select,.dynamic-field select{appearance:auto}.field input:focus,.field select:focus,.dynamic-field input:focus,.dynamic-field select:focus,.dynamic-field textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.13)}
.team-fieldset{margin:29px 0 0;padding:0;border:0}.team-fieldset legend{font-size:.86rem;font-weight:800;color:#d7e2ef}.field-help{margin:7px 0 13px;color:#8392a8;font-size:.79rem}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.team-card{position:relative;display:flex;gap:10px;align-items:center;min-height:76px;padding:12px;border:1px solid #35445a;border-radius:13px;background:rgba(15,23,42,.52);transition:.2s}.team-card:hover{border-color:#54708b;transform:translateY(-1px)}.team-card input{position:absolute;opacity:0;inset:0;cursor:pointer}.team-card:has(input:checked){border-color:#10b981;background:rgba(16,185,129,.1);box-shadow:0 0 0 2px rgba(16,185,129,.14)}.team-icon{display:grid;flex:0 0 auto;place-items:center;width:33px;height:33px;border-radius:10px}.pr{color:#f0abfc;background:rgba(217,70,239,.16)}.saha{color:#7dd3fc;background:rgba(14,165,233,.16)}.finans{color:#fcd34d;background:rgba(245,158,11,.16)}.guvenlik{color:#86efac;background:rgba(34,197,94,.16)}.team-card strong,.team-card small{display:block}.team-card strong{font-size:.78rem;color:#e6eef8}.team-card small{margin-top:3px;color:#8797ac;font-size:.68rem}.validation-message,.form-error{min-height:18px;margin:8px 0 0;color:#fca5a5;font-size:.78rem}.primary-button,.secondary-button{border:0;border-radius:12px;padding:14px 18px;font-weight:800;transition:transform .2s,filter .2s}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:27px;color:#052e27;background:linear-gradient(100deg,#34d399,#38bdf8);box-shadow:0 12px 24px rgba(16,185,129,.18)}.primary-button:hover{filter:brightness(1.07);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.68;transform:none}.button-row{display:flex;gap:12px;margin-top:26px}.button-row .primary-button{margin:0}.secondary-button{color:#d9e8f7;background:#25354b}.secondary-button:hover{background:#31445d}.dynamic-questions{display:grid;gap:18px}.form-step{animation:step-in .28s ease}.form-step[hidden]{display:none}@keyframes step-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}footer{margin-top:29px;padding-top:20px;border-top:1px solid rgba(148,163,184,.14);text-align:center;color:#71829a;font-size:.73rem}footer i{margin-right:5px;color:#38bdf8}
.success-overlay{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,6,23,.78);backdrop-filter:blur(8px)}.success-card{position:relative;z-index:2;width:min(100%,490px);padding:42px 31px;border:1px solid rgba(52,211,153,.3);border-radius:25px;text-align:center;background:#172237;box-shadow:0 25px 100px rgba(0,0,0,.55);animation:pop-in .4s cubic-bezier(.2,.8,.2,1)}.check-circle{display:grid;place-items:center;width:75px;height:75px;margin:0 auto 21px;border-radius:50%;color:#042f2e;font-size:2rem;background:#5eead4;box-shadow:0 0 0 10px rgba(94,234,212,.1),0 0 35px rgba(52,211,153,.45)}.success-card h2{font-size:2rem}.success-card>p:not(.eyebrow){margin:14px 0 22px;color:#aab9cd;line-height:1.65}.notice{display:flex;gap:10px;align-items:flex-start;padding:13px;text-align:left;border:1px solid rgba(56,189,248,.2);border-radius:12px;color:#c6d8e9;background:rgba(56,189,248,.08);font-size:.8rem;line-height:1.45}.notice i{margin-top:2px;color:#5eead4;font-size:1.08rem}.success-card .primary-button{margin-top:23px}@keyframes pop-in{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.confetti-piece{position:absolute;width:9px;height:16px;top:-20px;animation:fall 2.8s linear forwards}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(720deg);opacity:0}}
/* Google Forms esintili açık ve kurumsal öğrenci deneyimi. */
body { color:#202124; background:#f5f3fb; }.page-shell { align-content:start; gap:24px; padding:44px 18px 72px; background:linear-gradient(135deg,#f7f5ff 0%,#f4f4f8 52%,#eef2ff 100%); }.glow { filter:blur(95px); opacity:.17; }.glow-one { background:#a78bfa; }.glow-two { background:#818cf8; }
.hero-banner,.application-card { width:min(100%, 760px); transform:none; border-radius:10px; box-shadow:0 3px 10px rgba(60,64,67,.16); }.hero-banner { padding:0; background:#fff; border:0; border-top:8px solid #6366f1; overflow:visible; }.hero-banner::after { display:none; }.hero-content { padding:32px 34px 30px; border-radius:0 0 10px 10px; background:#fff; backdrop-filter:none; }.hero-content::before,.hero-content::after { display:none; }.hero-content h1 { max-width:none; color:#202124; font-family:Inter,sans-serif; font-size:clamp(1.55rem,4vw,2rem); font-weight:600; letter-spacing:-.03em; line-height:1.22; }.hero-content p:not(.hero-badge) { max-width:none; margin:18px 0 0; color:#3c4043; font-size:.95rem; line-height:1.65; }.hero-cta { margin-top:22px; padding:10px 0; border:0; border-radius:0; color:#4f46e5; background:transparent; box-shadow:none; }.hero-cta:hover { color:#3730a3; background:transparent; transform:none; }
.application-card { padding:30px 34px; border:0; border-top:6px solid #7c3aed; background:#fff; backdrop-filter:none; }.card-header { text-align:left; }.brand-mark { display:none; }.card-header .eyebrow { color:#5f6368; }.card-header h1 { color:#202124; font-family:Inter,sans-serif; font-size:1.45rem; letter-spacing:-.02em; }.card-header h1 span { color:#202124; }.intro { margin:9px 0 0; color:#5f6368; }.progress-track { background:#e8eaed; }.progress-fill { background:#6366f1; }.progress-labels { color:#5f6368; }.progress-labels .active { color:#4338ca; }.progress-labels b { color:#5f6368; background:#e8eaed; }.progress-labels .active b { color:#fff; background:#6366f1; }.section-heading h2,.team-fieldset legend { color:#202124; }.section-heading p,.field-help { color:#5f6368; }.section-icon { color:#4f46e5; background:#eef2ff; }.field,.dynamic-field { color:#3c4043; }.field input,.field select,.dynamic-field input,.dynamic-field select,.dynamic-field textarea { border:1px solid #dadce0; color:#202124; background:#fff; }.field input:focus,.field select:focus,.dynamic-field input:focus,.dynamic-field select:focus,.dynamic-field textarea:focus { border-color:#6366f1; box-shadow:0 0 0 2px rgba(99,102,241,.15); }.team-card { border-color:#dadce0; background:#fff; }.team-card:has(input:checked) { border-color:#6366f1; background:#f5f3ff; box-shadow:0 0 0 1px #6366f1; }.team-card strong { color:#202124; }.team-card small { color:#5f6368; }.primary-button { color:#fff; background:#6366f1; box-shadow:0 2px 4px rgba(79,70,229,.3); }.primary-button:hover { background:#4f46e5; filter:none; }.secondary-button { color:#4f46e5; background:#eef2ff; } footer { color:#5f6368; border-top-color:#e8eaed; }
@media(max-width:560px){.page-shell{padding-left:13px;padding-right:13px}.hero-banner{border-radius:22px}.hero-content{border-radius:21px;padding:28px 22px}.hero-content h1{font-size:2.1rem}.application-card{border-radius:21px}.form-grid,.team-grid{grid-template-columns:1fr}.button-row{flex-direction:column-reverse}.button-row .secondary-button{width:100%}.progress-labels{font-size:.68rem}.progress-labels span:last-child{text-align:right}.success-card{padding:36px 22px}}