@font-face{font-family:Pixel;src:url('assets/fonts/press-start-2p.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Signature;src:url('assets/fonts/corinthia-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;--navy:#060815;--white:#e7f6ff;--cyan:#74dcff;--pink:#f352cb;--muted:#a3accf;--mono:'Courier New',monospace}
*{box-sizing:border-box}html{min-width:320px;background:var(--navy)}body{margin:0;color:var(--white);font-family:var(--mono);-webkit-font-smoothing:antialiased}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#ba2590;color:#fff}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--navy);padding:15px;border:1px solid var(--cyan)}.skip-link:focus{top:15px}a:focus-visible{outline:2px solid var(--cyan);outline-offset:8px}
.site-shell{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}.room{position:absolute;inset:0 0 76px;z-index:-4;background:#0c081d url('assets/neon-room.webp') center bottom/cover no-repeat;image-rendering:pixelated}.room-shade{position:absolute;inset:0 0 76px;z-index:-3;background:linear-gradient(90deg,rgba(3,6,19,.88) 0%,rgba(3,6,19,.78) 25%,rgba(5,5,18,.05) 48%,rgba(5,5,18,.04) 68%,rgba(5,5,18,.23) 100%),linear-gradient(0deg,rgba(4,6,16,.1),transparent 36%)}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.11;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#080414 3px,#080414 4px)}
.header{position:relative;z-index:6;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:27px 4.8% 0}.brand{text-decoration:none;display:block;width:max-content}.signature{display:block;position:relative;font-family:Signature,cursive;font-size:68px;line-height:.93;letter-spacing:-1px;white-space:nowrap;text-shadow:0 0 14px #1591ff33;transform:rotate(-3deg)}.signature>span:first-child{color:#d446fa;text-shadow:0 0 16px #d446fa30}.signature-line{display:inline-block;width:49px;border-top:2px solid #c9edff;transform:translate(-3px,-9px) rotate(4deg)}.brand-tags{display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:3px;margin-top:12px;color:var(--cyan);white-space:nowrap}.brand-tags i{font-style:normal;font-size:10px}.brand-tags i:nth-of-type(n+3){color:var(--pink)}.availability{display:flex;align-items:center;gap:13px;margin-top:12px;border:1px solid #d54ee9;box-shadow:inset 0 0 0 1px #66538b,0 0 22px #df14f014;padding:15px 19px;background:#080919c9;font-size:14px;font-weight:bold;letter-spacing:.3px;white-space:nowrap}.status-dot{width:12px;height:12px;background:#f039f5;box-shadow:0 0 14px #f039f587;border-radius:50%;animation:breathe 3.2s ease-in-out infinite}
.hero{position:relative;flex:1;min-height:710px;width:100%;max-width:1920px;margin:0 auto;display:grid;grid-template-columns:34% 40% 26%;padding:0 4.8%;align-items:start}.intro{position:relative;z-index:3;padding-top:91px}.eyebrow{font-size:15px;letter-spacing:5px;margin:0 0 23px;white-space:nowrap}.intro h1{font-family:Pixel,var(--mono);font-weight:400;font-size:clamp(34px,3.25vw,62px);line-height:1.4;letter-spacing:-1.7px;margin:0 0 24px;position:relative;width:max-content}.intro h1>span{display:block}.title-white{text-shadow:3px 2px 0 #174e6b,0 0 20px #2ed1ff24}.title-pink{color:var(--pink);text-shadow:3px 3px 0 #641654,0 0 24px #fb22c43b;position:relative}.title-pink::before{content:'';position:absolute;left:-7px;top:-13px;width:10px;height:4px;background:var(--pink);box-shadow:8px 1px 0 #29bdff;animation:glitch 9s steps(1) infinite}.cursor{position:absolute;font-size:.5em;right:-.75em;bottom:.17em;animation:blink 1.25s steps(1) infinite}.description{font-size:16px;line-height:1.65;margin:0 0 29px;white-space:nowrap;text-shadow:0 1px 5px #000}.pixel-border{border:1px solid #b577d4;border-radius:9px;background:linear-gradient(115deg,#080b21ee,#080718ee);box-shadow:inset 0 0 0 1px #7c7ab12b,0 6px 28px #03021438;position:relative}.pixel-border::before,.pixel-border::after{content:'';position:absolute;width:9px;height:9px;pointer-events:none}.pixel-border::before{left:-1px;top:-1px;border-left:2px solid #7bbeff;border-top:2px solid #7bbeff;border-top-left-radius:6px}.pixel-border::after{right:-1px;bottom:-1px;border-right:2px solid #e18ee3;border-bottom:2px solid #e18ee3;border-bottom-right-radius:6px}.build-panel{width:100%;max-width:464px;padding:19px 0 0;overflow:hidden}.build-stages{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stage{position:relative;display:flex;flex-direction:column;gap:12px;align-items:center;color:#636181;min-width:0}.stage:not(:last-child){border-right:1px solid #3a245c}.stage-number{font-family:Pixel,var(--mono);font-size:25px;line-height:1.2}.stage-name{font-size:12px;letter-spacing:1px}.stage.done .stage-number{color:#d8eefa}.stage.done .stage-name{color:var(--cyan)}.stage.active .stage-number{color:var(--pink);text-shadow:0 0 14px #f648dd45}.stage.active .stage-name{color:var(--pink)}.system-line{display:flex;gap:8px;align-items:center;border-top:1px solid #332041;margin-top:18px;padding:11px 14px;font-size:10px;letter-spacing:1px;color:#a3accf}.tiny-dot{width:5px;height:5px;background:var(--pink);animation:blink 1.5s steps(1) infinite}.signal{display:flex;align-items:flex-end;gap:3px;margin-left:auto;height:12px}.signal i{display:block;width:3px;background:var(--cyan);height:4px;animation:signal 1.4s ease-in-out infinite}.signal i:nth-child(2){height:7px;animation-delay:.15s}.signal i:nth-child(3){height:10px;animation-delay:.3s}.signal i:nth-child(4){height:12px;animation-delay:.45s}.domain-label{font-size:12px;letter-spacing:1.5px;color:#9d96bb;margin-top:20px}.domain-label span{color:var(--pink);margin-right:7px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0;max-width:464px}.countdown>div{text-align:center;display:flex;flex-direction:column;gap:13px}.countdown>div:not(:last-child){border-right:1px solid #3a245c}.countdown span{font-family:Pixel,var(--mono);font-size:27px}.countdown small{color:var(--cyan);font-size:12px}
.character{position:absolute;bottom:0;left:28.6%;width:43%;margin:0;z-index:2;pointer-events:none}.character img{display:block;width:100%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 18px #ba0bb61c)}.specialties{grid-column:3;position:relative;z-index:3;padding-top:32px;padding-left:19px}.wall-poster{font-family:Pixel,var(--mono);font-size:18px;line-height:1.45;color:#5460ba;background:#060818e8;padding:24px 25px;width:max-content;margin:0 0 25px 0;border:5px solid #02030d;box-shadow:5px 7px 0 #120922;transform:rotate(.2deg);text-shadow:2px 2px 0 #161536}.poster-cursor{color:#5664bb;animation:blink 1.4s steps(1) infinite}.specialty-list{display:grid;gap:12px}.specialty{display:flex;align-items:center;gap:18px;padding:12px 14px;min-height:92px;transition:border-color .2s,box-shadow .2s,transform .2s}.specialty:hover{border-color:var(--pink);box-shadow:0 0 24px #b62fd524;transform:translateX(-4px)}.skill-icon{flex-shrink:0;display:grid;place-items:center;width:65px;height:65px;border:1px solid #54305f;background:#0c091c;border-radius:9px;box-shadow:inset 0 0 11px #a715d115}.skill-icon svg{width:43px;height:43px;fill:var(--pink);filter:drop-shadow(0 0 5px #ed37ef40);shape-rendering:crispEdges}.specialty h2{font-size:16px;font-weight:bold;line-height:1.3;margin:0 0 10px;white-space:nowrap}.specialty p{font-size:13px;color:var(--muted);margin:0;white-space:nowrap;line-height:1.4}
.footer{position:relative;z-index:6;min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 4.8%;border-top:1px solid #302045;background:#040713eb}.footer p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.footer-note{font-size:10px;letter-spacing:2px;color:#849ab2}.footer-note span{color:var(--cyan)}.socials{display:flex;gap:25px;align-items:center}.socials a{display:grid;place-items:center;width:25px;height:25px;transition:color .2s,transform .2s}.socials a:hover{color:var(--pink);transform:translateY(-3px)}.socials svg{width:23px;height:23px;fill:currentColor}
@keyframes blink{0%,55%{opacity:1}56%,100%{opacity:0}}@keyframes breathe{0%,100%{opacity:1;box-shadow:0 0 14px #f039f587}50%{opacity:.65;box-shadow:0 0 5px #f039f547}}@keyframes signal{0%,100%{opacity:.4}50%{opacity:1}}@keyframes glitch{0%,94%,98%,100%{transform:none;opacity:1}95%{transform:translateX(12px);opacity:.6}96%{transform:translateX(-4px)}97%{opacity:0}}
@media(min-width:1600px){.hero{min-height:calc(100svh - 210px)}.intro{padding-top:98px}.character{width:43%;left:28.6%}.specialties{padding-top:40px}.specialty{min-height:95px}.specialty-list{gap:13px}.specialty h2{font-size:18px}.specialty p{font-size:14px}.header{padding-top:33px}.brand-tags{font-size:13px}.description{font-size:18px}.eyebrow{font-size:17px}.build-panel{margin-top:32px}.wall-poster{font-size:21px;margin-bottom:30px}}
@media(min-width:1921px){.header,.footer{padding-left:max(4.8%,calc((100vw - 1736px)/2));padding-right:max(4.8%,calc((100vw - 1736px)/2))}.hero{min-height:850px}.room{background-size:cover}}
@media(max-width:1250px){.hero{grid-template-columns:35% 36% 29%;min-height:640px;padding:0 4%}.header,.footer{padding-left:4%;padding-right:4%}.intro{padding-top:90px}.eyebrow{font-size:12px;letter-spacing:3.5px}.intro h1{font-size:3.4vw;letter-spacing:-1.5px}.description{font-size:13px}.specialties{padding-left:10px;padding-top:38px}.specialty{gap:12px;padding:11px 10px;min-height:81px}.skill-icon{width:49px;height:49px}.skill-icon svg{width:33px;height:33px}.specialty h2{font-size:13px}.specialty p{font-size:11px}.wall-poster{font-size:15px;padding:20px;margin-bottom:25px}.character{width:47%;left:26%}.brand-tags{font-size:10px;gap:9px;letter-spacing:2px}.signature{font-size:61px}.availability{font-size:12px;padding:13px 15px}.stage-number{font-size:23px}.stage-name{font-size:10px}.system-line{font-size:8px}}
@media(max-width:950px) and (min-width:701px){.hero{min-height:750px;grid-template-columns:54% 46%}.intro{padding-top:70px}.intro h1{font-size:4.5vw}.specialties{grid-column:2;padding-left:35px;padding-top:135px}.wall-poster{display:none}.character{width:56%;left:24%;bottom:0}.specialty-list{gap:10px}.room-shade{background:linear-gradient(90deg,#040715e6,transparent 85%)}.specialty{background:#09091fe8}.brand-tags{letter-spacing:1.8px}.description{font-size:14px}.build-panel{max-width:370px}.specialty h2{font-size:12px}.specialty p{font-size:10px}}
@media(max-width:700px){.site-shell{min-height:100svh}.header{padding:25px 6% 0;align-items:center}.signature{font-size:53px}.signature-line{width:29px}.brand-tags{font-size:8px;letter-spacing:1.2px;gap:6px;margin-top:10px}.availability{font-size:0;border:none;box-shadow:none;padding:0;background:none;margin:0;gap:0}.status-dot{width:9px;height:9px}.hero{display:flex;flex-direction:column;min-height:0;padding:0 6%;align-items:stretch}.intro{padding-top:58px}.eyebrow{font-size:10px;letter-spacing:3.1px;margin-bottom:20px}.intro h1{font-size:clamp(24px,6.5vw,42px);letter-spacing:-1px;line-height:1.5;margin-bottom:20px}.description{font-size:12px;white-space:normal;line-height:1.8;margin-bottom:24px}.build-panel{max-width:420px}.stage-number{font-size:22px}.stage-name{font-size:10px}.system-line{font-size:8px;padding:10px 12px}.domain-label{font-size:10px;margin-bottom:0}.character{position:relative;width:126%;max-width:none;left:-13%;bottom:auto;margin-top:28px;z-index:1}.specialties{padding:0 0 28px;order:3;margin-top:-3px;z-index:3}.specialty-list{gap:9px}.wall-poster{display:none}.specialty{min-height:73px;padding:11px 14px;gap:15px;background:#080b1deb}.skill-icon{width:47px;height:47px}.skill-icon svg{width:31px;height:31px}.specialty h2{font-size:13px;margin-bottom:6px}.specialty p{font-size:12px;white-space:normal}.room{inset:0 0 85px;background-size:auto 830px;background-position:57% 49%;background-repeat:no-repeat;background-color:#080818}.room-shade{inset:0;background:linear-gradient(180deg,#04071590,#040715cc 25%,transparent 45%,#050716b0 72%,#050716 88%)}.footer{padding:19px 6%;gap:14px;flex-wrap:wrap;min-height:85px}.footer p{font-size:10px}.footer-note{font-size:8px;letter-spacing:1px}.socials{gap:21px}.socials svg{width:20px;height:20px}.countdown span{font-size:23px}.countdown small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Gönderilen referansın oda/karakter kompozisyonu masaüstünde korunur. */
.room{inset:0;background-image:url('assets/neon-scene.webp')}
.wall-poster{display:none}
.social-placeholder{display:grid;place-items:center;width:25px;height:25px;color:#e7f6ff;opacity:.8}
@media(min-width:951px){
  .hero{min-height:calc(100svh - 196px)}
  .room-shade{display:none}
  .character{visibility:hidden}
  .specialties{padding-top:clamp(165px,14vw,235px)}
  .domain-label{display:none}
  .intro{padding-top:clamp(60px,5.5vw,92px)}
  .intro h1{font-size:clamp(34px,3.35vw,62px);line-height:1.36}
  .countdown{margin-top:30px;padding:24px 0;min-height:108px}
  .countdown span{font-size:30px;text-shadow:2px 2px 0 #174e6b}
}
@media(max-width:950px){.room{background-size:auto 850px;background-position:left center}}
@media(max-width:700px){.room{background-size:auto 780px;background-position:left 300px}.countdown{margin-bottom:0}.domain-label{margin-top:16px}.room-shade{background:linear-gradient(180deg,#04071585,#04071595 32%,transparent 47%,#050716b0 72%,#050716 88%)}}
@font-face{font-family:BodyMono;src:url('assets/fonts/ibm-plex-mono.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:BodyMono;src:url('assets/fonts/ibm-plex-mono-semibold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
:root{--mono:BodyMono,'Courier New',monospace}
@media(min-width:951px){
  .signature{font-size:56px}
  .eyebrow{margin-bottom:14px}
  .intro h1{margin-bottom:18px}
  .cursor{display:none}
  .specialties{padding-top:clamp(165px,14.35vw,240px)}
  .countdown{margin-top:25px}
}
@media(min-width:701px) and (max-width:950px){
  .room{background-size:auto 1400px;background-position:left top}
  .room-shade{background:linear-gradient(90deg,#040715c0,#04071555),linear-gradient(0deg,#040715e0,transparent 60%)}
  .character{width:72%;left:14%}
  .description{white-space:normal;max-width:100%;font-size:13px}
}
@media(min-width:1600px) and (max-width:1920px){
  .header{padding-right:3.3%}
  .availability{margin-top:7px;font-size:15px;padding:14px 23px}
  .hero{padding-right:4%}
  .specialties{padding-left:12px}
  .skill-icon{width:73px;height:69px}
}