@tailwind base;@tailwind components;@tailwind utilities;html{scroll-behavior:smooth}body{color:#e8f4ff;background:#030712;margin:0;font-family:Arial,sans-serif;overflow-x:hidden}.blinking-cursor{color:#0ff;margin-left:4px;font-weight:300;animation:.8s infinite blinkCursor;display:inline-block}@keyframes blinkCursor{0%,50%{opacity:1}51%,to{opacity:0}}.hero-title{transition:font-size .35s}@keyframes logoGlow{0%{opacity:0;text-shadow:none;transform:translateY(-20px)}to{opacity:1;text-shadow:0 0 18px #00ffff4d;transform:translateY(0)}}.logo-animation{animation:1s forwards logoGlow}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-image-wrapper{justify-content:center;align-items:center;width:380px;height:380px;display:flex;position:relative}.orbit-ring{border:1px solid #00ffff40;border-radius:50%;width:320px;height:320px;animation:8s linear infinite spinSlow;position:absolute}.glow-ring{border:2px solid #00ffff59;border-radius:50%;width:290px;height:290px;position:absolute;box-shadow:0 0 40px #00ffff40}.orbit-dot-container{width:320px;height:320px;animation:8s linear infinite spinSlow;position:absolute}.orbit-dot{background:#0ff;border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 12px #00ffffb3}.profile-image{object-fit:cover;z-index:10;border:4px solid #0ff;border-radius:50%;width:250px;height:250px;position:relative;box-shadow:0 0 40px #0ff3}.hobbies-scroll-container{scrollbar-width:none;scroll-behavior:smooth;gap:20px;padding:20px 0;display:flex;overflow-x:auto}.hobbies-scroll-container::-webkit-scrollbar{display:none}.hobby-tile{cursor:pointer;background:#ffffff08;border:1px solid #00ffff26;border-radius:18px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:18px;min-width:220px;height:180px;padding:25px;transition:all .35s;display:flex}.hobby-tile:hover{border-color:#0ff6;min-width:320px;transform:translateY(-6px);box-shadow:0 0 30px #00ffff40}.hobby-title{letter-spacing:1px;font-size:1.25rem;font-weight:700}.hobby-icon{color:#0ff;opacity:0;transition:all .35s;transform:scale(.8)}.hobby-tile:hover .hobby-icon{opacity:1;transform:scale(1.2)}.hobbies-wrapper{align-items:center;display:flex;position:relative}.scroll-btn{z-index:20;color:#0ff;cursor:pointer;background:#00ffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute}.scroll-btn:hover{transform:scale(1.08);box-shadow:0 0 20px #00ffff59}.left-btn{left:-25px}.right-btn{right:-25px}.navbar{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-sizing:border-box;background:#030712c7;border-bottom:1px solid #00ffff14;justify-content:space-between;align-items:center;width:100%;padding:18px 60px;transition:all .3s;display:flex;position:fixed;top:0}.navbar h1{margin:0;font-size:2.2rem;line-height:1}.nav-links{align-items:center;gap:34px;font-size:1rem;font-weight:600;display:flex}.nav-links a,.mobile-menu a{color:#fff;text-decoration:none;transition:all .3s}.nav-links a:hover,.mobile-menu a:hover{color:#0ff;text-shadow:0 0 12px #0ff}.hamburger{color:#fff;cursor:pointer;font-size:2rem;display:none}.mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030712fa;border-left:1px solid #0ff3;flex-direction:column;gap:20px;width:220px;padding:30px 20px;transition:right .35s;display:flex;position:fixed;top:70px;right:-100%}.mobile-menu.open{right:0}.space-background{background:radial-gradient(circle at 0 0,#00ffff1f,#0000 28%),radial-gradient(circle at 100% 100%,#0078ff1f,#0000 32%),linear-gradient(#02040b 0%,#030712 40%,#06101f 100%);position:relative;overflow:hidden}.site-content{z-index:5;position:relative}.stars{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.stars:before{content:"";opacity:.9;background-image:radial-gradient(2px 2px at 10% 20%,#fffffff2,#0000),radial-gradient(2px 2px at 20% 70%,#00ffffe6,#0000),radial-gradient(2px 2px at 35% 40%,#fff,#0000),radial-gradient(2px 2px at 50% 80%,#0ffc,#0000),radial-gradient(2px 2px at 65% 25%,#ffffffe6,#0000),radial-gradient(2px 2px at 75% 60%,#0ff,#0000),radial-gradient(2px 2px at 90% 35%,#fffffff2,#0000);background-repeat:repeat;animation:180s linear infinite driftStars;position:absolute;inset:0}.stars:after{content:"";background-image:radial-gradient(2px 2px at 15% 15%,#fff,#0000),radial-gradient(2px 2px at 40% 60%,#0ff,#0000),radial-gradient(2px 2px at 60% 30%,#fff,#0000),radial-gradient(2px 2px at 80% 75%,#0ff,#0000);background-repeat:repeat;animation:4s ease-in-out infinite alternate twinkleStars;position:absolute;inset:0}@keyframes driftStars{0%{transform:translateY(0)}to{transform:translateY(-120px)}}@keyframes twinkleStars{0%{opacity:.4}50%{opacity:1}to{opacity:.5}}.nebula{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.nebula:before,.nebula:after{content:"";filter:blur(140px);border-radius:50%;width:900px;height:900px;position:absolute}.nebula:before{background:#00ffff24;top:-250px;left:-250px}.nebula:after{background:#0078ff24;bottom:-300px;right:-250px}.space-background:before{content:"";z-index:1;pointer-events:none;background-image:radial-gradient(circle,#ffffff1f 1px,#0000 1px),radial-gradient(circle,#00ffff24 1px,#0000 1px);background-size:220px 220px,260px 260px;animation:90s linear infinite floatParticles;position:fixed;inset:0}@keyframes floatParticles{0%{transform:translateY(0)}to{transform:translateY(-250px)}}.shooting-stars span{opacity:0;filter:drop-shadow(0 0 10px #0ff);background:linear-gradient(90deg,#fff0,#0ff);border-radius:999px;width:160px;height:2px;animation:14s linear infinite shootingStar;display:block;position:absolute}@keyframes shootingStar{0%{opacity:0;transform:translate(0)translateY(0)rotate(25deg)}5%{opacity:1}20%{opacity:1}35%{opacity:0;transform:translate(1800px)translateY(500px)rotate(25deg)}to{opacity:0}}.grid-overlay{pointer-events:none;z-index:2;opacity:.08;background-image:linear-gradient(#00ffff1f 1px,#0000 1px),linear-gradient(90deg,#00ffff1f 1px,#0000 1px);background-size:70px 70px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 45%,#0000 95%);mask-image:radial-gradient(circle,#000 45%,#0000 95%)}section{z-index:3;position:relative}@media (width<=1024px){section{padding-left:40px!important;padding-right:40px!important}.hero-image-wrapper{width:280px;height:280px}.orbit-ring,.orbit-dot-container{width:260px;height:260px}.glow-ring{width:230px;height:230px}.profile-image{width:200px;height:200px}.navbar{padding:16px 40px}}@media (width<=768px){.nav-links{display:none}.hamburger{cursor:pointer;padding:4px 8px;font-size:2.2rem;line-height:1;display:block}.navbar{min-height:72px;padding:10px 18px}.navbar h1{font-size:1.7rem}.mobile-menu{width:180px;top:72px;right:-100%}#home{text-align:center!important;padding:calc(96px + env(safe-area-inset-top,0px)) 20px 34px!important;flex-direction:column!important;gap:16px!important}.hero-title{font-size:2.2rem!important;line-height:1.1!important}.hero-image-wrapper{width:215px;height:215px}.orbit-ring,.orbit-dot-container{width:210px;height:210px}.glow-ring{width:190px;height:190px}.profile-image{width:158px;height:158px}.hobbies-wrapper{overflow:hidden}.hobby-tile{min-width:220px}.hobby-tile:hover{min-width:220px;transform:none}.scroll-btn{width:40px;height:40px}.left-btn{left:-8px}.right-btn{right:-8px}}@media (width<=480px){#home{padding-top:calc(104px + env(safe-area-inset-top,0px))!important}.hero-title{font-size:2.1rem!important}.profile-image{width:150px;height:150px}.hero-image-wrapper{width:200px;height:200px}.orbit-ring,.orbit-dot-container{width:180px;height:180px}.glow-ring{width:160px;height:160px}section{padding-left:16px!important;padding-right:16px!important}}#about,#projects,#contact{background:radial-gradient(circle at 0,#00ffff0f,#0000 45%),linear-gradient(#040c18eb,#020812f5);position:relative}#skills,#hobbies{background:radial-gradient(circle at 100%,#00b4ff0d,#0000 45%),linear-gradient(#020812f0,#01050cfa);position:relative}#about:before,#skills:before,#projects:before,#hobbies:before,#contact:before{content:"";opacity:.5;background:linear-gradient(90deg,#0000,#00ffff26,#0000);width:100%;height:1px;position:absolute;top:0;left:0}#about:after,#skills:after,#projects:after,#hobbies:after,#contact:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#00ffff08,#0000 30%),radial-gradient(circle at 80% 70%,#0078ff08,#0000 30%);position:absolute;inset:0}#about>*,#skills>*,#projects>*,#hobbies>*,#contact>*{z-index:2;position:relative}.notfound-section{background:radial-gradient(circle at 0 0,#00ffff1a,#0000 30%),radial-gradient(circle at 100% 0,#ff000014,#0000 28%),linear-gradient(#02040b 0%,#030712 45%,#06101f 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 20px 16px;display:flex;position:relative;overflow:hidden}.notfound-section:before{content:"";pointer-events:none;z-index:0;filter:blur(60px);background:radial-gradient(circle,#00ffff1a,#0000 35%),radial-gradient(circle,#ff000014,#0000 35%);animation:18s ease-in-out infinite alternate floatingGlow;position:absolute;inset:-20%}.notfound-section:after{content:"";pointer-events:none;z-index:1;opacity:.45;background-image:radial-gradient(circle,#ffffffbf 1px,#0000 1px),radial-gradient(circle,#00ffffa6 1px,#0000 1px),radial-gradient(circle,#ff000059 1px,#0000 1px);background-size:180px 180px,240px 240px,320px 320px;animation:55s linear infinite driftParticles;position:absolute;inset:0}@keyframes driftParticles{0%{transform:translateY(0)}to{transform:translateY(-220px)}}@keyframes floatingGlow{0%{transform:translate(-8%,-4%)scale(1)}50%{transform:translate(5%,4%)scale(1.08)}to{transform:translate(10%,8%)scale(1.15)}}.notfound-container{z-index:10;text-align:center;flex-direction:column;justify-content:center;width:100%;max-width:680px;display:flex;position:relative;transform:scale(.92)}.error-code{letter-spacing:-3px;background:linear-gradient(135deg,#ff4d4d,red,#7a0000);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 25px #ff000047);-webkit-background-clip:text;margin:0;font-size:clamp(4rem,10vw,7rem);font-weight:900;line-height:.85;animation:3s ease-in-out infinite alternate glow404}@keyframes glow404{0%{filter:drop-shadow(0 0 18px #f003);transform:translateY(0)}to{filter:drop-shadow(0 0 35px #ff00005c);transform:translateY(-3px)}}.glass-card{margin-top:12px;-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #00ffff1a;border-radius:26px;max-width:640px;margin-inline:auto;padding:1.7rem;transition:all .35s;box-shadow:0 0 40px #00ffff0d,inset 0 0 20px #ffffff05}.glass-card:hover{transform:translateY(-4px);box-shadow:0 0 55px #00ffff14}.glass-card h2{color:#e8f4ff;margin:0 0 14px;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:800}.glass-card p{color:#e8f4ffb8;max-width:500px;margin:0 auto;font-size:.96rem;line-height:1.8}.button-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:1.2rem;display:flex}.home-btn,.project-btn{border-radius:16px;justify-content:center;align-items:center;gap:10px;min-width:190px;height:52px;font-size:.96rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.home-btn{color:#021018;background:linear-gradient(135deg,#00f5ff,#44c8ff);box-shadow:0 0 20px #00ffff2e}.home-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 0 28px #00ffff4d}.project-btn{color:#e8f4ff;background:#ffffff08;border:1px solid #00ffff24}.project-btn:hover{border-color:#00ffff47;transform:translateY(-3px);box-shadow:0 0 18px #00ffff1a}.foot{text-align:center;color:#888;margin-top:1rem!important;font-size:.82rem!important}@media (width<=1024px){.notfound-container{transform:scale(.95)}}@media (width<=768px){.notfound-section{padding:calc(40px + env(safe-area-inset-top,0px)) 18px 16px}.notfound-container{transform:scale(1)}.error-code{font-size:clamp(3.8rem,20vw,5.8rem)}.glass-card{border-radius:22px;padding:1.4rem 1.1rem}.glass-card h2{font-size:2rem}.glass-card p{font-size:.92rem;line-height:1.7}.button-group{flex-direction:column;gap:10px}.home-btn,.project-btn{width:100%;min-width:unset;height:50px}.foot{margin-top:.8rem!important}}.space-stars{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.space-stars:before,.space-stars:after{content:"";background-image:radial-gradient(circle at 10% 20%,#ffffffe6 1px,#0000 2px),radial-gradient(circle at 20% 70%,#0ffc 1px,#0000 2px),radial-gradient(circle at 35% 40%,#fff 1px,#0000 2px),radial-gradient(circle at 50% 80%,#0ffc 1px,#0000 2px),radial-gradient(circle at 65% 25%,#ffffffe6 1px,#0000 2px),radial-gradient(circle at 75% 60%,#0ff 1px,#0000 2px),radial-gradient(circle at 90% 35%,#fffffff2 1px,#0000 2px);background-repeat:repeat;position:absolute;inset:0}.space-stars:before{animation:4s ease-in-out infinite alternate twinkleStars}.space-stars:after{opacity:.6;animation:90s linear infinite driftStars}.shooting-stars{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.shooting-stars span{filter:drop-shadow(0 0 8px #0ff);opacity:0;background:linear-gradient(90deg,#fff0,#0ff);border-radius:999px;width:180px;height:2px;animation:12s linear infinite shootingStar;position:absolute}.shooting-stars span:first-child{animation-delay:0s;top:10%;left:-20%}.shooting-stars span:nth-child(2){animation-delay:4s;top:30%;left:-30%}.shooting-stars span:nth-child(3){animation-delay:8s;top:55%;left:-25%}.shooting-stars span:nth-child(4){animation-delay:12s;top:75%;left:-20%}.rocket-wrapper{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.rocket{opacity:.9;filter:drop-shadow(0 0 10px #ffffff73);font-size:1.35rem;animation:42s ease-in-out infinite rocketWander,2.8s ease-in-out infinite alternate rocketFloat;position:absolute}@keyframes rocketWander{0%{top:72%;left:12%;transform:rotate(15deg)}10%{top:58%;left:28%;transform:rotate(-12deg)}20%{top:35%;left:15%;transform:rotate(35deg)}30%{top:22%;left:42%;transform:rotate(-20deg)}40%{top:38%;left:70%;transform:rotate(10deg)}50%{top:18%;left:82%;transform:rotate(-30deg)}60%{top:62%;left:68%;transform:rotate(22deg)}70%{top:78%;left:35%;transform:rotate(-18deg)}80%{top:48%;left:18%;transform:rotate(28deg)}90%{top:30%;left:55%;transform:rotate(-10deg)}to{top:72%;left:12%;transform:rotate(15deg)}}@keyframes rocketFloat{0%{translate:0}to{translate:0 -6px}}