@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#101116;--panel:#191a22;--text:#f5f0e9;--muted:#aaa7b6;--pink:#ff6aa9;--cyan:#63e9df;--yellow:#f4d678;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;background:var(--cyan);color:var(--bg);padding:15px;z-index:20}.skip-link:focus{top:10px}.header{max-width:1400px;margin:auto;padding:26px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.logo{font:700 30px 'Space Grotesk',sans-serif;letter-spacing:-1.7px}.logo span{font:12px sans-serif;vertical-align:top;color:var(--pink);margin-left:5px}nav{display:flex;gap:28px;font-size:13px}nav a:hover{color:var(--pink)}.on-air{font:10px monospace;letter-spacing:1px;color:var(--muted)}.on-air i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);margin-right:7px}.hero{max-width:1400px;margin:auto;padding:80px 6% 65px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;background:radial-gradient(ellipse at 80% 50%,#78407620,transparent 50%)}.eyebrow,.tag{font:10px 'Space Grotesk',sans-serif;letter-spacing:2px;color:var(--cyan);font-weight:600}.hero h1{font:700 clamp(44px,5.4vw,77px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:25px 0}.hero h1>span{display:block;font-weight:500;color:var(--pink);text-shadow:0 0 35px #ff6aa929}.intro{max-width:440px;color:var(--muted);line-height:1.9;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:0;padding:16px 23px;border-radius:4px;font-size:13px;font-weight:700}.primary{background:var(--pink);color:#1a1220;box-shadow:0 0 22px #ff6aa91c}.primary:hover{background:#ff8fbe}.hero .button{margin-top:20px}.hero-note{font:11px monospace;letter-spacing:3px;color:var(--muted);margin-top:27px}.hero-art{position:relative;height:390px;isolation:isolate}.orbit{position:absolute;inset:0;border:1px solid #ff6aa92f;border-radius:50%;transform:rotate(-30deg) scaleY(.85)}.orbit:after{content:'';position:absolute;inset:23px;border:1px solid #63e9df22;border-radius:50%}.tv{position:absolute;left:7%;top:45px;width:300px;height:245px;background:#363440;border:8px solid #65606e;border-radius:30px;display:flex;gap:10px;padding:13px;box-shadow:12px 16px 0 #0005;transform:rotate(-7deg)}.antenna{position:absolute;width:90px;height:55px;border-left:3px solid #a6a0ad;border-right:3px solid #a6a0ad;transform:perspective(50px) rotateX(-25deg);top:-63px;left:100px}.tv-screen{flex:1;border-radius:38px;background:repeating-linear-gradient(0deg,#282649 0px,#282649 2px,#242240 3px,#242240 4px);border:6px solid #17171d;padding:14px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:inset 0 0 25px #ff6aa944}.tv-screen>span{font:10px monospace;color:var(--cyan)}.tv-screen strong{font:700 53px/.82 'Space Grotesk';letter-spacing:3px;color:var(--pink);text-shadow:3px 3px var(--cyan)}.tv-screen small{font:6px monospace;letter-spacing:1px;color:var(--cyan)}.tv-controls{width:28px;display:flex;align-items:center;flex-direction:column;gap:15px;padding-top:15px}.tv-controls i{width:25px;height:25px;background:#a29aab;border:4px solid #24212c;border-radius:50%}.tv-controls b{font-size:29px;color:#aaa}.cassette{position:absolute;right:0;bottom:10px;width:205px;height:127px;background:var(--pink);border:7px solid #6e395c;border-radius:10px;padding:9px;color:#311a2e;transform:rotate(12deg);box-shadow:8px 8px #0004}.cassette>span{font:10px monospace;border-bottom:1px solid #311a2e;display:block;padding-bottom:6px}.tape-reels{display:flex;align-items:center;justify-content:space-around;background:#292732;color:#ece0c6;margin-top:8px;border-radius:20px;font-size:25px;height:34px}.tape-reels i{width:40px;height:17px;background:#7b695d}.cassette small{font:8px monospace}.controller{position:absolute;bottom:14px;left:0;background:#c8c6bf;border:6px solid #62616a;border-radius:20px;width:170px;height:75px;transform:rotate(-14deg);display:flex;align-items:center;justify-content:space-around;box-shadow:8px 8px #0004}.controller b{color:#24242b;font-size:37px}.controller span{color:#a63e72;letter-spacing:4px}.art-star{position:absolute;right:5px;top:15px;color:var(--yellow);font-size:70px}.art-label{position:absolute;bottom:-30px;right:40px;font:9px monospace;letter-spacing:2px;color:var(--muted)}.marquee{display:flex;justify-content:space-around;gap:24px;padding:18px;background:var(--cyan);color:#153531;font:11px 'Space Grotesk';letter-spacing:2px;white-space:nowrap;overflow:hidden}.section{max-width:1400px;margin:auto;padding:70px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}h2{font:500 clamp(28px,3.4vw,43px)/1.2 'Space Grotesk';letter-spacing:-1.6px;margin:12px 0}h2 em{font-family:Georgia,serif;font-weight:400;color:var(--pink)}.section-heading>p{font-size:12px;line-height:1.8;color:var(--muted)}.era-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.era-nav a{font:12px 'Space Grotesk';padding:11px 22px;border:1px solid var(--line);border-radius:30px}.era-nav a:hover{background:var(--cyan);color:var(--bg)}.era-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.era-card{border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--panel);scroll-margin-top:24px;--accent:var(--yellow)}.eighties{--accent:var(--pink)}.nineties{--accent:var(--cyan)}.thousands{--accent:#b1a0ff}.era-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.era-top>span{font:8px monospace;letter-spacing:1px;color:var(--muted)}.era-top>b{font:500 29px 'Space Grotesk';letter-spacing:-1px;color:var(--accent)}.era-card .tag{font-size:9px;color:var(--accent);letter-spacing:1.4px}.era-card h3{font:500 24px 'Space Grotesk';letter-spacing:-.6px;margin:13px 0}.era-card>p:not(.tag){font-size:13px;line-height:1.9;color:var(--muted)}.memory-button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--accent);font-size:12px;padding:17px 0 0;margin-top:22px}.memory-button span{font-size:20px}.era-memory{border-left:2px solid var(--accent);padding-left:15px}.object{height:170px;margin:20px auto 25px;position:relative;background:radial-gradient(ellipse,var(--accent),transparent 65%);background-size:100% 100%}.radio{width:245px;height:134px;background:#886044;border:8px solid #b98c61;border-radius:15px;display:flex;padding:12px;gap:18px;margin-top:40px;margin-bottom:41px;box-shadow:8px 8px #0003}.radio-speaker{width:105px;background:repeating-linear-gradient(90deg,#312d2a 0 2px,#a68c65 2px 4px);border-radius:45%}.radio-panel{flex:1;display:flex;flex-direction:column;justify-content:space-around;color:#ecd7a2}.radio-panel span{font:11px monospace}.radio-panel i{height:17px;background:repeating-linear-gradient(90deg,#d2c4a0 0 4px,#554c3d 4px 5px);border:4px solid #34322d}.radio-panel b{font-size:24px}.boombox{display:flex;align-items:center;justify-content:space-around;width:270px;height:130px;margin-top:44px;margin-bottom:41px;background:#3a3948;border:7px solid #817b8c;border-radius:9px;box-shadow:8px 8px #0003}.boom-handle{position:absolute;top:-28px;left:43px;right:43px;height:25px;border:7px solid #817b8c;border-bottom:0;border-radius:9px 9px 0 0}.boombox>i{width:67px;height:67px;border:7px solid #1b1c22;border-radius:50%;background:radial-gradient(#92909a 0 12%,#22232c 13% 35%,#55515f 36% 40%,#282733 41%)}.boom-center{display:flex;flex-direction:column;align-items:center;gap:5px}.boom-center span{font:8px monospace;color:var(--pink)}.boom-center b{font-size:37px;color:#9d93aa}.boom-center small{font-size:8px}.console{width:265px;background:none}.console-body{position:absolute;left:15px;top:25px;width:220px;height:100px;background:#b9bac1;border-top:18px solid #e2e1e4;border-radius:6px;padding:10px;color:#3c3e4c;box-shadow:8px 8px #0003}.console-body span{font:9px monospace}.console-body i{display:block;width:160px;height:17px;margin-top:9px;background:#3b3d49;border-bottom:3px solid #7f828c}.console-body>b{position:absolute;right:10px;bottom:12px;color:#ff5c8e;font-size:10px}.gamepad{position:absolute;right:-5px;bottom:0;width:170px;height:65px;background:#626571;border:6px solid #c3c6cd;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:8px;color:#181d26;transform:rotate(-8deg)}.gamepad>b{font-size:31px}.gamepad>small{font:6px monospace;max-width:34px;line-height:2}.gamepad>span{font-size:20px;color:#ee6ba3}.computer{width:230px;background:none}.monitor{width:160px;height:120px;margin:auto;background:#beb6d3;border:9px solid #cec7df;border-bottom:16px solid #aca4c2;border-radius:9px}.monitor>div{height:100%;background:#252642;border-radius:8px;display:flex;flex-direction:column;padding:12px;gap:7px;font-family:monospace}.monitor span{color:var(--cyan);font-size:12px}.monitor b{font-size:9px;color:#bca4fb}.monitor small{font-size:7px;color:#d5cbe2}.monitor-foot{height:17px;width:60px;margin:auto;background:#9d95ad;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.keyboard{background:#c5bdd5;color:#6e647e;text-align:center;font-size:18px;border-radius:5px;transform:perspective(100px) rotateX(25deg);height:30px}.video-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.video-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:38px;align-items:center}.video-stage{aspect-ratio:16/9;border:1px solid #ff6aa940;border-radius:10px;overflow:hidden;background:repeating-linear-gradient(0deg,#1c1a28 0 2px,#1e1c2c 2px 4px);display:grid;place-items:center}.video-placeholder{text-align:center;padding:20px}.play-symbol{display:grid;place-items:center;width:60px;height:60px;border:1px solid var(--pink);border-radius:50%;margin:auto;color:var(--pink);box-shadow:0 0 25px #ff6aa91f}.video-placeholder h3{font:500 20px 'Space Grotesk'}.video-placeholder p,.video-placeholder small{color:var(--muted);font-size:12px;line-height:1.7}.video-stage iframe{width:100%;height:100%;border:0}.video-settings h3{font:500 26px 'Space Grotesk';margin:15px 0}.video-settings p{font-size:13px;line-height:1.8;color:var(--muted)}label{font-size:11px;display:block;margin:20px 0 9px}input{width:100%;background:#101116;border:1px solid #ffffff30;color:var(--text);padding:13px;border-radius:4px;min-width:0;font-size:12px}form small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin:9px 0 17px}.video-info{font-size:11px!important}.form-message{color:var(--cyan)!important}.text-link{font-size:12px;color:var(--pink);text-decoration:underline}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:23px}.ad-label{font:8px monospace;letter-spacing:1.5px;color:var(--muted)}.product h3{font:500 21px 'Space Grotesk';margin:12px 0}.product>p{font-size:12px;color:var(--muted);line-height:1.9}.product-button{border:0;border-top:1px solid var(--line);background:transparent;color:var(--pink);padding:15px 0 0;text-align:left;width:100%;margin-top:12px;font-size:12px}.product-art{height:160px;margin:15px auto;position:relative}.vinyl{display:grid;place-items:center}.vinyl i{width:130px;height:130px;border-radius:50%;background:repeating-radial-gradient(#22232c 0 3px,#393944 3px 4px);box-shadow:10px 10px 25px #0005;position:relative}.vinyl i:after{content:'';position:absolute;inset:42px;border:18px solid var(--pink);background:#181920;border-radius:50%}.headphones{width:130px;border:16px solid var(--cyan);border-bottom:0;border-radius:80px 80px 0 0;height:115px;margin-top:40px;margin-bottom:35px}.headphones i,.headphones b{position:absolute;bottom:-12px;background:#353440;border:6px solid #95e5df;width:36px;height:70px;border-radius:12px;left:-24px}.headphones b{left:auto;right:-24px}.mini-game{width:180px;height:90px;border:8px solid #a6a0bf;background:#424052;display:flex;align-items:center;justify-content:space-around;border-radius:30px;margin-top:52px;margin-bottom:48px;transform:rotate(-10deg)}.mini-game span{font-size:45px;color:#15171e}.mini-game b{font-size:24px;letter-spacing:3px;color:var(--pink)}.closing{padding:60px 6%;text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at bottom,#ff6aa910,transparent 65%)}.closing h2{font-size:clamp(35px,5vw,60px);margin:20px}.closing a{display:inline-block;margin-top:15px;color:var(--cyan);font-size:12px}footer{max-width:1400px;margin:auto;border-top:1px solid var(--line);padding:28px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer p,footer>span{font-size:10px;color:var(--muted)}dialog{max-width:480px;width:calc(100% - 32px);padding:36px;background:var(--panel);color:var(--text);border:1px solid var(--pink);border-radius:12px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:28px}dialog>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9}.dialog-close{position:absolute;right:13px;top:12px;background:transparent;color:var(--text);border:0;padding:6px}.dialog-done{margin-top:10px}@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:90px}}@media(max-width:900px){.on-air{display:none}.hero{grid-template-columns:1fr 1fr;gap:10px;padding-top:55px}.hero-art{transform:scale(.82);transform-origin:center;min-width:340px;margin-left:-30px}.hero h1{font-size:48px}.section-heading{align-items:start}.section-heading>p{max-width:220px}.video-layout{grid-template-columns:1fr}.products{gap:12px}.product{padding:17px}}@media(max-width:650px){.header{padding:21px 5%;flex-wrap:wrap;justify-content:center;gap:18px}.logo{font-size:27px}nav{font-size:12px;gap:22px}.hero{padding:45px 6% 30px;grid-template-columns:1fr}.hero h1{font-size:51px}.hero-art{width:340px;min-width:0;max-width:100%;margin:0 auto;height:360px;transform:scale(.88)}.tv{width:280px;left:0}.cassette{right:-12px}.art-label{bottom:-20px;right:10px}.hero-note{font-size:10px;letter-spacing:2px}.marquee{justify-content:flex-start;font-size:9px}.section{padding:45px 6%}.section-heading{display:block;margin-bottom:24px}.section-heading>p{max-width:none}.era-grid,.products{grid-template-columns:1fr}.era-card{padding:23px}.era-nav{gap:7px}.era-nav a{padding:10px 13px;font-size:11px}.video-layout{gap:25px}.video-placeholder h3{font-size:17px}.video-placeholder p{font-size:11px}.play-symbol{height:43px;width:43px}.product{padding:24px}.product-art{margin-top:15px}.headphones{margin-top:40px}.mini-game{margin-top:52px}footer{flex-direction:column;text-align:center;gap:8px}.closing{padding:40px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Pages hazırlığı: dar ekranlarda içerik taşmasını önle. */
.hero-copy,.hero-art,.era-card,.video-settings,.video-stage,.product{min-width:0}
.video-stage{width:100%}
.video-settings{overflow-wrap:anywhere}
@media(max-width:900px) and (min-width:651px){.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.hero-art{min-width:0}.tv{max-width:90%}.hero h1{font-size:clamp(34px,5.2vw,48px)}}
@media(max-width:360px){.hero h1{font-size:clamp(38px,13vw,46px)}.hero-art{transform:scale(.76);transform-origin:center}.era-top{flex-wrap:wrap;gap:8px}.radio,.boombox,.console,.computer{max-width:100%}.boombox>i{width:54px;height:54px;flex-shrink:0}.console-body{max-width:90%}.era-card h3{overflow-wrap:break-word}}


/* Tek sayfa menüsü: dönem bağlantıları dar ekranlarda satıra geçer. */
.header nav{flex-wrap:wrap;justify-content:center;gap:14px 20px}
@media(max-width:1100px){body>.header{flex-wrap:wrap;justify-content:center}body>.header .on-air{display:none}}
#dunya90{scroll-margin-top:24px}#dunya90 .section{max-width:1400px}#dunya90 .n90-copy h2{margin:0 0 28px}