*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0a0a0a;--color-bg-gradient: radial-gradient(ellipse at center, #1a1a1a 0%, #0a0a0a 100%);--color-text-primary: #ffffff;--color-text-secondary: #b0b0b0;--color-accent: #ffffff;--color-progress-bg: #2a2a2a;--color-progress-fill: #ffffff}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background:var(--color-bg);background:var(--color-bg-gradient);color:var(--color-text-primary);min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1.5rem 2rem 1rem;position:relative;z-index:2}.content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:800px;width:100%}.logo{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.logo-image{width:clamp(120px,20vw,220px);height:auto;filter:drop-shadow(0 0 30px rgba(255,255,255,.2));animation:fadeInDown 1s ease-out,logoFloat 6s ease-in-out infinite;opacity:1}.logo h1{font-size:clamp(1.1rem,3.5vw,1.75rem);font-weight:300;letter-spacing:.8rem;margin-bottom:2rem;text-align:center;animation:fadeInDown 1s ease-out .2s both;opacity:.9}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.main-title{text-align:center;margin-bottom:2rem;animation:fadeInUp 1s ease-out .3s both}.main-title h2{font-size:clamp(2rem,6vw,4rem);font-weight:700;letter-spacing:1rem;text-transform:uppercase;margin-bottom:.75rem;text-shadow:0 0 30px rgba(255,255,255,.3)}.subtitle{font-size:clamp(.75rem,1.8vw,.9rem);letter-spacing:.5rem;color:var(--color-text-secondary);font-weight:300}.progress-container{width:100%;max-width:500px;margin-bottom:2rem;animation:fadeInUp 1s ease-out .6s both}.progress-bar{width:100%;height:4px;background:var(--color-progress-bg);border-radius:2px;overflow:hidden;margin-bottom:.75rem;box-shadow:0 0 20px #ffffff1a}.progress-fill{height:100%;width:85%;background:var(--color-progress-fill);border-radius:2px;animation:progressAnimation 2s ease-out;box-shadow:0 0 10px #ffffff80}.progress-text{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:.2rem;color:var(--color-text-secondary);text-transform:uppercase}.percentage{font-weight:600;color:var(--color-text-primary)}.description{text-align:center;font-size:clamp(.9rem,2vw,1rem);line-height:1.6;color:var(--color-text-secondary);margin-bottom:2rem;font-weight:300;letter-spacing:.05rem;animation:fadeInUp 1s ease-out .9s both}.social-links{display:flex;gap:2rem;margin-top:0;animation:fadeInUp 1s ease-out 1.2s both}.social-icon{width:50px;height:50px;border:2px solid var(--color-text-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .3s ease;text-decoration:none;position:relative;touch-action:manipulation}.social-icon:before{content:"";position:absolute;inset:-8px;border-radius:50%}.social-icon svg{width:24px;height:24px;pointer-events:none}.social-icon:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-5px);box-shadow:0 10px 30px #fff3}footer{text-align:center;font-size:.7rem;color:var(--color-text-secondary);letter-spacing:.1rem;padding:.5rem 0;animation:fadeIn 1s ease-out 1.5s both}.background-text{position:fixed;font-size:40vw;font-weight:900;color:#ffffff05;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;user-select:none;pointer-events:none;animation:rotateText 60s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes progressAnimation{0%{width:0%}to{width:85%}}@keyframes rotateText{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:1024px){.logo-image{width:clamp(110px,18vw,200px)}.logo h1{font-size:clamp(1rem,3.2vw,1.6rem);margin-bottom:1.75rem}.main-title{margin-bottom:1.75rem}.main-title h2{letter-spacing:.8rem;font-size:clamp(1.8rem,5.5vw,3.5rem)}.background-text{font-size:50vw}}@media(max-width:768px){.container{padding:1.25rem 1.5rem .75rem}.logo{gap:1.25rem}.logo-image{width:clamp(100px,24vw,180px)}.logo h1{margin-bottom:1.5rem;letter-spacing:.6rem;font-size:clamp(.95rem,3.2vw,1.5rem)}.main-title{margin-bottom:1.5rem}.main-title h2{letter-spacing:.6rem;text-shadow:0 0 20px rgba(255,255,255,.25);font-size:clamp(1.6rem,5vw,3rem)}.subtitle{letter-spacing:.35rem;font-size:clamp(.7rem,1.8vw,.85rem)}.progress-container{margin-bottom:1.5rem}.progress-bar{height:3px}.progress-text{font-size:.65rem;letter-spacing:.15rem}.description{margin-bottom:1.5rem;padding:0 1rem;font-size:.85rem;line-height:1.5}.social-links{gap:1.75rem}.social-icon{width:46px;height:46px}.social-icon svg{width:21px;height:21px}footer{font-size:.65rem;padding:.5rem 0}.background-text{font-size:60vw}}@media(max-width:480px){.container{padding:1rem 1rem .5rem;justify-content:center}.logo{gap:1rem}.logo-image{width:clamp(90px,26vw,130px)}.logo h1{margin-bottom:1.25rem;letter-spacing:.4rem;font-size:clamp(.85rem,4.5vw,1.3rem)}.main-title{margin-bottom:1.25rem}.main-title h2{letter-spacing:.4rem;line-height:1.2;font-size:clamp(1.4rem,7vw,2.5rem)}.subtitle{letter-spacing:.25rem;font-size:clamp(.65rem,3.5vw,.75rem)}.progress-container{margin-bottom:1.25rem;max-width:100%;padding:0 .5rem}.progress-bar{height:2px;margin-bottom:.5rem}.progress-text{font-size:.6rem;letter-spacing:.1rem}.description{font-size:.8rem;line-height:1.5;margin-bottom:1.25rem;padding:0 .5rem}.social-links{gap:1.5rem}.social-icon{width:44px;height:44px;border-width:1.5px}.social-icon svg{width:20px;height:20px}.social-icon:hover{transform:translateY(-3px)}footer{font-size:.6rem;padding:.5rem 0;letter-spacing:.05rem}.background-text{font-size:70vw}}@media(max-width:360px){.container{padding:.875rem .75rem .5rem}.logo{gap:.875rem}.logo-image{width:clamp(80px,28vw,120px)}.logo h1{margin-bottom:1rem;letter-spacing:.3rem;font-size:clamp(.8rem,5vw,1.15rem)}.main-title{margin-bottom:1rem}.main-title h2{letter-spacing:.3rem;font-size:clamp(1.25rem,8vw,2.2rem)}.subtitle{letter-spacing:.2rem;font-size:clamp(.6rem,3.8vw,.7rem)}.progress-container{margin-bottom:1rem}.progress-text{font-size:.55rem;letter-spacing:.08rem}.description{font-size:.75rem;margin-bottom:1rem;line-height:1.4}.social-links{gap:1.25rem}.social-icon{width:42px;height:42px}.social-icon svg{width:18px;height:18px}footer{font-size:.55rem}}@media(hover:none)and (pointer:coarse){.social-icon:active{transform:scale(.95);border-color:var(--color-accent);color:var(--color-accent)}.background-text{animation-duration:90s}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.background-text,.logo-image{animation:none!important}.logo-image{opacity:1}}