*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;overflow-x:hidden;margin:0;padding:0}.layout-container{position:relative;min-height:100vh;background:#0a0a0a}.welcome-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a}.gradient-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(-45deg,#1a1a2e,#16213e,#0f3460,#1a1a2e);background-size:400% 400%;animation:gradientShift 15s ease infinite;opacity:.9}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.welcome-content{position:relative;z-index:10;text-align:center;opacity:0;transform:translateY(20px);transition:all 1.2s cubic-bezier(.4,0,.2,1)}.welcome-content.visible{opacity:1;transform:translateY(0)}.welcome-title{font-size:clamp(3rem,10vw,7rem);font-weight:200;letter-spacing:-.02em;color:#fff;margin:0;line-height:1.1;text-shadow:0 0 40px rgba(255,255,255,.1)}.decorative-line{width:120px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);margin:2rem auto;animation:lineGlow 3s ease-in-out infinite}@keyframes lineGlow{0%,to{opacity:.4;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(1.2)}}.welcome-subtitle{font-size:clamp(1rem,2.5vw,1.5rem);font-weight:300;color:#fff9;letter-spacing:.1em;margin:0}.floating-shapes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.shape{position:absolute;border-radius:50%;filter:blur(40px);opacity:.2}.shape-1{width:400px;height:400px;background:radial-gradient(circle,#3b82f6,transparent);top:-10%;left:-10%;animation:float1 20s infinite ease-in-out}.shape-2{width:300px;height:300px;background:radial-gradient(circle,#8b5cf6,transparent);bottom:-10%;right:-10%;animation:float2 25s infinite ease-in-out}.shape-3{width:250px;height:250px;background:radial-gradient(circle,#10b981,transparent);top:50%;left:50%;transform:translate(-50%,-50%);animation:float3 30s infinite ease-in-out}@keyframes float1{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(100px,-100px) rotate(120deg)}66%{transform:translate(-100px,100px) rotate(240deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-100px,100px) rotate(-120deg)}66%{transform:translate(100px,-100px) rotate(-240deg)}}@keyframes float3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}@media (max-width: 768px){.welcome-title{font-size:clamp(2.5rem,12vw,5rem)}.decorative-line{width:80px}.welcome-subtitle{font-size:clamp(.9rem,3vw,1.2rem)}.shape-1{width:250px;height:250px}.shape-2{width:200px;height:200px}.shape-3{width:150px;height:150px}}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0acc;border-bottom:1px solid rgba(255,255,255,.1);transform:translateY(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.navigation.visible{transform:translateY(0)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-brand .brand-link{font-size:1.2rem;font-weight:300;color:#fff;text-decoration:none;letter-spacing:.05em;transition:color .3s ease}.nav-brand .brand-link:hover{color:#3b82f6}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{color:#ffffffb3;text-decoration:none;font-weight:300;font-size:.95rem;letter-spacing:.02em;transition:all .3s ease;position:relative}.nav-link:hover{color:#fff}.nav-link.active{color:#3b82f6}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.main-content{position:relative;z-index:10}.page-content{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.home-page{height:100vh;padding:0}.page-header{margin-bottom:2rem}.page-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:200;letter-spacing:-.02em;color:#fff;margin:0 0 1rem;line-height:1.1;text-shadow:0 0 40px rgba(255,255,255,.1)}.page-body{max-width:600px;margin:0 auto}.page-description{font-size:1.1rem;font-weight:300;color:#ffffffb3;line-height:1.6;margin:0}@media (max-width: 768px){.nav-container{padding:1rem}.nav-links{gap:1.5rem}.nav-link{font-size:.9rem}.page-content{padding:1rem}.page-title{font-size:clamp(2rem,10vw,3rem)}.page-description{font-size:1rem}}@media (max-width: 480px){.nav-links{gap:1rem}.nav-link{font-size:.8rem}.nav-brand .brand-link{font-size:1rem}}@media (prefers-reduced-motion: reduce){.gradient-bg,.decorative-line,.shape{animation:none}.welcome-content,.navigation{transition:opacity .3s ease}.nav-link:after{transition:none}}