*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;background:#fff}.app{min-height:100vh;position:relative;overflow-x:hidden}.background-pattern{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background:linear-gradient(135deg,#45d1fd,#1ebbfd,#07599d);opacity:.05}.background-pattern:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(circle at center,rgba(69,209,253,.1) 0%,transparent 70%)}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.main-content{min-height:100vh;display:flex;align-items:center;justify-content:center}.header{text-align:center;margin-bottom:4rem}.logo-placeholder{margin-bottom:2rem}.logo-icon{width:clamp(80px,8vw,120px);height:clamp(80px,8vw,120px);margin:0 auto;background:linear-gradient(135deg,#45d1fd,#1ebbfd);border-radius:20px;position:relative;box-shadow:0 10px 30px #45d1fd4d;animation:pulse 2s ease-in-out infinite}.logo-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;background:#fff;border-radius:8px;box-shadow:inset 0 2px 10px #0000001a}.main-title{font-size:clamp(2.5rem,4vw,5rem);font-weight:700;color:#07599d;margin-bottom:1rem;line-height:1.2;letter-spacing:-.02em}.subtitle{font-size:clamp(1.1rem,1.5vw,1.5rem);color:#666;max-width:clamp(600px,60vw,800px);margin:0 auto;line-height:1.5}.progress-section{margin-bottom:4rem}.progress-container{max-width:clamp(500px,50vw,700px);margin:0 auto;text-align:center}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:600;font-size:clamp(1rem,1.2vw,1.2rem);color:#07599d}.progress-percentage{font-weight:700;font-size:clamp(1rem,1.2vw,1.3rem);color:#1ebbfd}.progress-bar{width:100%;height:clamp(8px,1vw,12px);background:#f0f0f0;border-radius:6px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#45d1fd,#1ebbfd);border-radius:6px;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:clamp(20px,3vw,40px);background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));animation:shimmer 2s infinite}.features-preview{margin-bottom:4rem;text-align:center}.features-preview h2{font-size:clamp(1.8rem,2.5vw,3rem);color:#07599d;margin-bottom:2rem;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(1.5rem,3vw,3rem);margin-top:2rem;max-width:1400px;margin-left:auto;margin-right:auto}.feature-card{background:#fff;padding:clamp(1.5rem,3vw,2.5rem);border-radius:16px;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(69,209,253,.1);height:100%;display:flex;flex-direction:column;justify-content:center}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #45d1fd26}.feature-icon{font-size:clamp(2.5rem,4vw,3.5rem);margin-bottom:1rem}.feature-card h3{font-size:clamp(1.3rem,1.5vw,1.6rem);color:#07599d;margin-bottom:.5rem;font-weight:600}.feature-card p{color:#666;line-height:1.5;font-size:clamp(.95rem,1.1vw,1.1rem)}.footer{text-align:center;padding:2rem 0;border-top:1px solid rgba(0,0,0,.1);margin-top:2rem}.footer p{color:#666;font-size:clamp(.9rem,1vw,1rem)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (min-width: 768px){.container{padding:clamp(2rem,4vw,4rem) clamp(1.5rem,3vw,3rem)}.features-grid{grid-template-columns:repeat(3,1fr);gap:clamp(2rem,3vw,3rem)}}@media (min-width: 1024px){.container{max-width:1400px;padding:clamp(3rem,5vw,6rem) clamp(2rem,4vw,4rem)}.header{margin-bottom:clamp(4rem,6vw,7rem)}.main-title{font-size:clamp(3rem,4.5vw,5.5rem);margin-bottom:1.5rem}.subtitle{font-size:clamp(1.2rem,1.4vw,1.6rem);max-width:clamp(700px,65vw,900px)}.features-preview,.progress-section{margin-bottom:clamp(4rem,6vw,7rem)}.features-grid{grid-template-columns:repeat(3,1fr);gap:clamp(2.5rem,4vw,4rem);max-width:1200px}.feature-card{padding:clamp(2rem,3vw,3rem);min-height:280px}.progress-container{max-width:clamp(600px,55vw,800px)}}@media (min-width: 1366px){.container{max-width:1600px;padding:clamp(4rem,6vw,8rem) clamp(3rem,5vw,6rem)}.main-title{font-size:clamp(4rem,5vw,6rem)}.subtitle{font-size:clamp(1.3rem,1.5vw,1.8rem);max-width:1000px}.features-grid{max-width:1400px;gap:clamp(3rem,4vw,5rem)}.feature-card{padding:clamp(2.5rem,3.5vw,4rem);min-height:320px}.progress-container{max-width:900px}}@media (min-width: 1920px){.container{max-width:1800px;padding:8rem 6rem}.main-title{font-size:6rem}.subtitle{font-size:1.8rem;max-width:1200px}.features-grid{max-width:1600px;gap:5rem}.feature-card{padding:4rem;min-height:360px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.main-title{color:#000}.feature-card{border:2px solid #000}.progress-fill{background:#000}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
