:root{--font-display:"Playfair Display","Times New Roman",serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:clamp(0.75rem,0.9vw,0.875rem);--text-sm:clamp(0.875rem,1vw,1rem);--text-base:clamp(1rem,1.2vw,1.125rem);--text-lg:clamp(1.125rem,1.4vw,1.25rem);--text-xl:clamp(1.25rem,1.6vw,1.5rem);--text-2xl:clamp(1.5rem,2vw,1.875rem);--text-3xl:clamp(1.875rem,2.5vw,2.25rem);--text-4xl:clamp(2.25rem,3vw,3rem);--text-5xl:clamp(3rem,4vw,4rem);--text-6xl:clamp(4rem,5vw,5rem);--text-primary:#ffffff;--text-secondary:#e2e8f0;--text-tertiary:#94a3b8;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-tertiary:#06b6d4}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);line-height:1.6;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.content-container{position:relative;z-index:1;min-height:100vh;width:100%;max-width:1400px;margin:0 auto}.hero-section{padding:2rem 0 4rem;position:relative}.hero-badge{display:inline-flex;align-items:center;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);border-radius:50px;padding:.5rem 1rem;margin-bottom:1.5rem;backdrop-filter:blur(10px)}.stats-container{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin:2rem 0}.stat-item{text-align:center;padding:1rem;background:hsla(0,0%,100%,.05);border-radius:16px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);min-width:120px;transition:all .3s ease}.stat-item:hover{transform:translateY(-4px);background:hsla(0,0%,100%,.08);border-color:rgba(99,102,241,.3)}.stat-number{font-size:2rem;font-weight:800;color:var(--accent-primary);line-height:1;margin-bottom:.25rem;font-family:var(--font-display)}.stat-label{font-size:.875rem;color:hsla(0,0%,100%,.7);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.units-grid{position:relative;z-index:2}.unit-card{opacity:0;animation:fadeInUp .6s ease-out forwards;will-change:transform}.unit-card:hover{will-change:transform,box-shadow}.unit-card:first-child{animation-delay:.1s}.unit-card:nth-child(2){animation-delay:.2s}.unit-card:nth-child(3){animation-delay:.3s}.unit-card:nth-child(4){animation-delay:.4s}.unit-card:nth-child(5){animation-delay:.5s}.unit-card:nth-child(6){animation-delay:.6s}.unit-card:nth-child(7){animation-delay:.7s}.unit-card:nth-child(8){animation-delay:.8s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:4px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-tertiary))}::selection{background:rgba(99,102,241,.3);color:var(--text-primary)}.btn-primary:focus,.btn-secondary:focus,.unit-card:focus-within{outline:2px solid var(--accent-primary);outline-offset:2px}@media(max-width:480px){.content-container{padding:0 .5rem}.units-grid{grid-template-columns:1fr!important;gap:1.5rem!important;padding:0 .5rem!important}.unit-card{min-height:380px!important;padding:1.5rem!important}.stats-container{gap:1.5rem!important}.stat-item{min-width:100px;padding:.75rem}.stat-number{font-size:1.5rem}.card-footer{flex-direction:column!important;gap:.5rem!important}.btn-primary,.btn-secondary{padding:.625rem 1rem!important;font-size:.85rem!important}}@media(max-width:640px){.units-grid{grid-template-columns:1fr!important;gap:1.5rem;padding:0 .75rem}.hero-section{padding:1.5rem 0 3rem}.stats-container{gap:2rem}}@media(max-width:768px){.units-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:1.5rem}.unit-card{min-height:400px}}@media(max-width:768px)and (orientation:landscape){.hero-section{padding:1rem 0 2rem}.stats-container{margin:1rem 0}.unit-card{min-height:350px}}@media(max-width:1024px){.units-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))!important}}.content-container{opacity:0;transition:opacity .8s ease-in-out .3s;max-width:100%;padding:0 1rem}.content-container.loaded{opacity:1}.night-sky{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.night-sky .colored-circle{position:absolute;width:0;height:0;background-color:rgba(0,0,0,0);border-radius:50%;transform:translate(-50%,-50%);filter:blur(40px);z-index:1}.hero-section{text-align:center;margin-bottom:4rem;margin-top:6rem;padding:0 1rem}.hero-section .hero-badge{display:inline-flex;align-items:center;margin-bottom:1.5rem}.hero-section .hero-badge .inline-block{display:inline-block}.hero-section .hero-badge .w-6{width:1.5rem}.hero-section .hero-badge .h-6{height:1.5rem}.hero-section .hero-badge .mr-2{margin-right:.5rem}.hero-section .hero-badge .text-blue-400{color:#60a5fa}.hero-section .hero-badge span{color:#93c5fd;font-weight:500;letter-spacing:.1em;font-size:.875rem;text-transform:uppercase}.hero-section .hero-title{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(2.5rem,6vw,3.5rem);color:#fff;font-weight:800;letter-spacing:-.02em;line-height:1.1;text-align:center;margin-bottom:1rem;padding:0 1rem;word-break:break-word;hyphens:auto;background:linear-gradient(135deg,#ffffff,#e6e6ff 50%,#ffffff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-shadow:0 4px 20px hsla(0,0%,100%,.3);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.hero-section .hero-subtitle{max-width:800px;margin:0 auto 1rem;font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.6;font-weight:400;color:var(--text-secondary);text-align:center;letter-spacing:.01em}.hero-section .stats-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}.hero-section .stat-item{text-align:center}.hero-section .stat-item .stat-number{font-size:2.5rem;font-weight:800;color:#fff;line-height:1;margin-bottom:.5rem}.hero-section .stat-item .stat-label{font-size:.95rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.units-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;padding:0 1rem;margin-bottom:4rem}.unit-card{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06) 50%,rgba(255,255,255,.03));backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.15);border-radius:24px;padding:2rem;position:relative;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(0) scale(1);box-shadow:0 8px 32px rgba(0,0,0,.12);min-height:420px;display:flex;flex-direction:column}.unit-card.hovered,.unit-card:hover{transform:translateY(-8px) scale(1.02)}.unit-card .card-bg-gradient{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .4s ease}.unit-card.hovered .card-bg-gradient,.unit-card:hover .card-bg-gradient{opacity:1}.unit-card .card-header{position:relative;z-index:2;margin-bottom:1.5rem}.unit-card .card-header .unit-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;overflow:hidden}.unit-card .card-header .unit-icon .shine-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:transform .6s ease}.unit-card .card-header .unit-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;font-family:var(--font-display,"Playfair Display",serif)}.unit-card .card-header .unit-subname{font-size:.95rem;font-weight:500;line-height:1.4}.unit-card .card-content{flex:1;position:relative;z-index:2}.unit-card .card-content .unit-description{color:hsla(0,0%,100%,.8);line-height:1.6;font-size:.95rem;margin-bottom:1.5rem}.unit-card .card-content .unit-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.unit-card .card-content .unit-stats .stat{text-align:center}.unit-card .card-content .unit-stats .stat svg{margin-bottom:.25rem}.unit-card .card-content .unit-stats .stat>div:nth-child(2){font-size:1.1rem;font-weight:600;color:#fff}.unit-card .card-content .unit-stats .stat>div:nth-child(3){font-size:.75rem;color:hsla(0,0%,100%,.6)}.unit-card .card-footer{position:relative;z-index:2;display:flex;gap:.75rem;margin-top:auto}.unit-card .card-footer .btn-primary,.unit-card .card-footer .btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .3s ease;border:none}.unit-card .card-footer .btn-primary{color:#fff}.unit-card .card-footer .btn-secondary{background:hsla(0,0%,100%,.1);color:#fff}.unit-card .hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:24px}.unit-card.hovered .hover-overlay,.unit-card:hover .hover-overlay{opacity:1}.cta-section{text-align:center;padding:4rem 1rem;margin-bottom:2rem}.cta-section .cta-container{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;padding:3rem 2rem;max-width:600px;margin:0 auto}.cta-section .cta-container h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:#fff;margin-bottom:1rem;font-family:var(--font-display,"Playfair Display",serif)}.cta-section .cta-container p{color:hsla(0,0%,100%,.8);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.cta-section .cta-container .cta-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:16px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.star,.unit-card{transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.star{animation:none!important}.shooting-star{display:none!important}}@media print{.night-sky,.shooting-star,.star{display:none!important}.unit-card{break-inside:avoid;page-break-inside:avoid;border:1px solid #ccc!important;background:#fff!important;color:#000!important}.hero-section{page-break-after:avoid}}