:root{--ink:#061424;--ink2:#0b2137;--paper:#f6efd9;--teal:#39d6c2;--yellow:#f4ce5e;--coral:#ff806d;--mist:#c9eef0;--white:#fff;--sans:'Source Sans 3','Segoe UI',sans-serif;--serif:'Playfair Display',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);line-height:1.5;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--yellow);color:var(--ink);padding:.7rem 1rem}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 28px;position:relative;z-index:5}.brand{font-family:var(--serif);font-size:1.22rem;color:#fff;text-decoration:none}.topbar-actions{display:flex;align-items:center;gap:18px}.language-switch{display:flex;padding:3px;border:1px solid rgba(255,255,255,.2);border-radius:999px}.language-switch a{color:#91aab5;text-decoration:none;font-size:.72rem;font-weight:800;padding:4px 9px;border-radius:999px}.language-switch a.active{color:var(--ink);background:var(--teal)}.back{color:#b9cfda;text-decoration:none;font-size:.88rem}.back:hover{color:var(--teal)}
.hero{position:relative;min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);gap:clamp(2.5rem,6vw,6rem);align-items:center;max-width:1240px;margin:auto;padding:54px 28px 90px}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,rgba(6,20,36,.92) 34%,rgba(6,20,36,.55) 100%),url('/hayal-et-sorgula-dene/assets/surreal-portal.png') center/cover no-repeat;opacity:.34;pointer-events:none}.hero-copy,.card-stage{position:relative;z-index:1}.kicker{display:flex;align-items:center;gap:10px;color:var(--teal);text-transform:uppercase;font-weight:700;letter-spacing:.19em;font-size:.76rem}.kicker:before{content:'';width:28px;height:2px;background:var(--teal)}h1{font-family:var(--serif);font-size:clamp(3.2rem,6.8vw,6.6rem);line-height:.89;letter-spacing:-.055em;margin:24px 0 26px;max-width:720px}h1 em{color:var(--yellow);font-weight:400}.manifesto{font-family:var(--serif);font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.35;color:#dbe8eb;max-width:590px}.intro{max-width:530px;color:#8faab7;font-size:1rem;margin:20px 0 30px}.primary,.secondary{border-radius:999px;padding:14px 22px;border:1px solid transparent;font-weight:700;transition:.2s}.primary{background:var(--yellow);color:var(--ink);box-shadow:0 12px 35px rgba(244,206,94,.15)}.primary:hover{transform:translateY(-2px);background:#ffe07e}.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.22)}.secondary:hover{border-color:var(--teal);color:var(--teal)}
.card-stage{position:relative;min-height:600px;display:grid;place-items:center}.stack-card{position:absolute;width:min(100%,520px);height:520px;border-radius:28px;border:1px solid rgba(255,255,255,.12);transform-origin:bottom center}.stack-card:nth-child(1){background:#102e43;transform:rotate(-6deg) translate(-18px,10px)}.stack-card:nth-child(2){background:#174f5c;transform:rotate(5deg) translate(18px,5px)}.experience-card{position:relative;width:min(100%,540px);min-height:560px;border-radius:28px;background:var(--paper);color:var(--ink);padding:30px;box-shadow:0 34px 90px rgba(0,0,0,.42);overflow:hidden;display:flex;flex-direction:column}.experience-card:before{content:'?';position:absolute;right:-25px;top:-75px;font-family:var(--serif);font-size:300px;color:rgba(57,214,194,.13);line-height:1;transform:rotate(8deg);pointer-events:none}.card-head{display:flex;justify-content:space-between;align-items:center;position:relative}.counter{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#53707a}.mark{font-family:var(--serif);font-style:italic;color:#6a7d80}.card-title{position:relative;font-family:var(--serif);font-size:clamp(2.3rem,5vw,4.2rem);line-height:.95;letter-spacing:-.04em;margin:42px 0 22px;max-width:86%}.card-question{position:relative;font-size:clamp(1.25rem,2.3vw,1.65rem);line-height:1.3;margin:0 0 30px;font-weight:600}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:auto;position:relative}.step{border:0;border-top:2px solid #b8c4be;background:transparent;padding:12px 4px 8px;text-align:left;font-size:.72rem;letter-spacing:.12em;font-weight:800;color:#75817d}.step.active{border-color:var(--coral);color:var(--ink)}.step-panel{position:relative;background:#fffaf0;border-radius:16px;padding:20px 22px;margin-top:10px;min-height:118px;display:flex;align-items:center;font-family:var(--serif);font-size:1.06rem;line-height:1.48}.card-nav{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.icon-btn{border:1px solid rgba(6,20,36,.16);background:transparent;color:var(--ink);border-radius:999px;width:42px;height:42px;font-size:1.2rem}.icon-btn:hover{background:var(--ink);color:#fff}.share-btn{border:0;background:transparent;color:#37535e;font-weight:700;font-size:.86rem}.share-btn:hover{color:#000}
.deck{background:var(--paper);color:var(--ink);padding:110px 28px}.deck-inner{max-width:1180px;margin:auto}.deck-heading{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:48px}.deck h2{font-family:var(--serif);font-size:clamp(2.8rem,6vw,5.2rem);line-height:.95;letter-spacing:-.04em;margin:0}.deck h2 span{color:#197f79}.deck-copy{font-family:var(--serif);font-size:1.35rem;color:#4f6163;max-width:480px;margin:0}.deck-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mini-card{min-height:210px;border:1px solid #c9c7b9;border-radius:16px;padding:18px;background:#fffaf0;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;transition:.25s;position:relative;overflow:hidden}.mini-card:after{content:'?';position:absolute;right:-3px;bottom:-40px;font-family:var(--serif);font-size:145px;color:rgba(57,214,194,.1)}.mini-card:hover,.mini-card:focus{transform:translateY(-5px);border-color:#179f95;box-shadow:0 14px 35px rgba(6,20,36,.1)}.mini-no{font-size:.7rem;letter-spacing:.15em;color:#527076;font-weight:800}.mini-title{font-family:var(--serif);font-size:1.45rem;line-height:1.05;margin:25px 0 10px;position:relative;z-index:1}.mini-q{font-size:.87rem;color:#53636a;margin:auto 0 0;position:relative;z-index:1}.closing{background:var(--ink2);padding:90px 28px;text-align:center}.closing p{font-family:var(--serif);font-size:clamp(2rem,4.5vw,4rem);max-width:950px;margin:0 auto 30px;line-height:1.15}.closing small{color:#8faab7}.share-sheet{position:fixed;inset:0;background:rgba(2,10,18,.76);display:none;place-items:center;padding:20px;z-index:30}.share-sheet.open{display:grid}.share-box{width:min(100%,500px);background:var(--paper);color:var(--ink);border-radius:22px;padding:28px;box-shadow:0 30px 90px #000}.share-top{display:flex;justify-content:space-between;align-items:center}.share-top h3{font-family:var(--serif);font-size:1.8rem;margin:0}.share-close{border:0;background:transparent;font-size:1.8rem}.share-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.share-links a,.share-links button{border:1px solid #c2c8c2;border-radius:10px;background:#fffaf0;color:var(--ink);text-decoration:none;padding:13px;text-align:center;font-weight:700}.share-links a:hover,.share-links button:hover{background:var(--ink);color:#fff}.share-links .native-share{grid-column:1/-1;background:var(--teal);border-color:var(--teal)}.share-links .native-share:hover{background:var(--ink)}.share-note{color:#617074;font-size:.86rem;margin:18px 0 0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);background:var(--yellow);color:var(--ink);font-weight:700;padding:11px 18px;border-radius:999px;opacity:0;transition:.25s;z-index:40}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:950px){.hero{grid-template-columns:1fr;padding-top:42px}.hero-copy{max-width:720px}.card-stage{min-height:590px}.deck-grid{grid-template-columns:repeat(2,1fr)}.deck-heading{grid-template-columns:1fr}}
@media(max-width:600px){.topbar{padding:0 18px;height:64px}.topbar-actions{gap:9px}.back{font-size:.72rem;max-width:92px;line-height:1.15}.hero{padding:35px 18px 68px;min-height:auto;gap:35px}h1{font-size:clamp(3rem,17vw,4.6rem)}.manifesto{font-size:1.25rem}.hero-actions{display:grid;gap:10px}.primary,.secondary{width:100%}.card-stage{min-height:560px}.experience-card{padding:23px 20px;min-height:530px;border-radius:22px}.stack-card{height:500px}.card-title{margin-top:36px;font-size:2.65rem}.card-question{font-size:1.22rem}.step-panel{font-size:1rem}.deck{padding:75px 18px}.deck-grid{grid-template-columns:1fr}.mini-card{min-height:175px}.closing{padding:70px 18px}.share-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}