:root{--color-space-navy:#020817;--color-near-black:#0a0a0a;--color-text-primary:#E2E8F0;--color-text-secondary:#94A3B8;--color-now:#00A8FF;--color-beyond:#BE2EDD;--color-cta:#F59E0B;--color-cta-hover:#D97706;--glass-bg:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.1);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.37);--glass-blur:blur(10px);--font-heading:'Exo 2',sans-serif;--font-body:'Inter',sans-serif;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-space-navy);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:clamp(2.5rem,8vw,5rem)}h2{font-size:clamp(2rem,5vw,3.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:var(--space-md);color:var(--color-text-secondary)}a{color:var(--color-now);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-cta)}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.main-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-md) 0;transition:all var(--transition-base)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.nav-links{display:flex;list-style:none;gap:var(--space-xl)}.nav-links a{color:var(--color-text-primary);font-weight:500;position:relative;padding:var(--space-sm) 0}.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-cta);transition:width var(--transition-base)}.nav-links a:hover::after{width:100%}.hero{position:relative;width:100%;height:100vh;overflow:hidden}.hero-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);z-index:-1;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(2,8,23,0.3) 0%,rgba(2,8,23,0.6) 50%,rgba(2,8,23,0.8) 100%)}.hero-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-lg)}.hero-subtitle{font-size:clamp(1rem,3vw,1.5rem);color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-weight:300}.btn{display:inline-block;padding:var(--space-md) var(--space-xl);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;border-radius:50px;transition:all var(--transition-base);cursor:pointer;border:none}.btn-primary{background:var(--color-cta);color:var(--color-space-navy)}.btn-primary:hover{background:var(--color-cta-hover);transform:translateY(-2px);box-shadow:0 10px 20px rgba(245,158,11,0.3)}.btn-secondary{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-text-primary)}.btn-secondary:hover{background:var(--color-text-primary);color:var(--color-space-navy);transform:translateY(-2px)}.featured-section{padding:var(--space-2xl) 0;position:relative}.section-title{text-align:center;margin-bottom:var(--space-xl)}.section-subtitle{text-align:center;font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);margin-bottom:var(--space-2xl)}.featured-card{position:relative;border-radius:16px;overflow:hidden;transition:transform var(--transition-base)}.featured-card:hover{transform:translateY(-5px)}.card-label{position:absolute;top:var(--space-md);left:var(--space-md);padding:var(--space-xs) var(--space-md);font-size:0.875rem;font-weight:700;letter-spacing:0.1em;border-radius:20px;z-index:2}.now-card .card-label{background:var(--color-now);color:white}.beyond-card .card-label{background:var(--color-beyond);color:white}.featured-card img{width:100%;height:250px;object-fit:cover}.card-content{padding:var(--space-lg)}.card-content h3{margin-bottom:var(--space-sm)}.card-link{display:inline-block;margin-top:var(--space-md);font-weight:600;color:var(--color-cta)}.card-link:hover{text-decoration:underline}.library-preview{padding:var(--space-2xl) 0;background:linear-gradient(135deg,rgba(190,46,221,0.1) 0%,rgba(0,168,255,0.1) 100%)}.library-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}.book-cover{text-align:center;padding:var(--space-lg);border-radius:16px;transition:transform var(--transition-base)}.book-cover:hover{transform:scale(1.05)}.book-cover img{width:100%;max-width:200px;height:300px;object-fit:cover;margin:0 auto var(--space-md);border-radius:8px;box-shadow:0 20px 40px rgba(0,0,0,0.3)}.book-cover h3{font-size:1.2rem}.main-footer{background:var(--color-near-black);padding:var(--space-2xl) 0 var(--space-lg);margin-top:var(--space-2xl)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer-section h4{color:var(--color-text-primary);margin-bottom:var(--space-md)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:var(--space-sm)}.footer-section a{color:var(--color-text-secondary)}.footer-section a:hover{color:var(--color-text-primary)}.footer-bottom{text-align:center;padding-top:var(--space-xl);border-top:1px solid var(--glass-border);color:var(--color-text-secondary)}@media (max-width:768px){.nav-links{gap:var(--space-lg)}.hero-content{padding:var(--space-md)}.featured-grid{grid-template-columns:1fr}.library-showcase{grid-template-columns:1fr}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp 0.8s ease-out}.parallax{position:relative;transform-style:preserve-3d}.parallax::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;transform:translateZ(-1px) scale(2)}.page-header{padding:calc(var(--space-2xl) + 80px) 0 var(--space-2xl);background:linear-gradient(to bottom,rgba(0,168,255,0.1) 0%,rgba(2,8,23,0.9) 100%);text-align:center}.page-subtitle{font-size:1.5rem;color:var(--color-text-secondary);font-weight:300}.content-section{padding:var(--space-2xl) 0}.destinations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-xl)}.destination-card{border-radius:16px;overflow:hidden;transition:transform var(--transition-base)}.destination-card:hover{transform:translateY(-5px)}.destination-card img{width:100%;height:300px;object-fit:cover}.destination-content{padding:var(--space-xl)}.destination-stats{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md)}.stat{font-size:0.875rem;color:var(--color-now);font-weight:600;text-transform:uppercase;letter-spacing:0.05em}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-xl)}.tech-card{border-radius:16px;overflow:hidden;transition:transform var(--transition-base)}.tech-card:hover{transform:translateY(-5px) scale(1.02)}.tech-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin:var(--space-lg) 0;padding:var(--space-lg);background:rgba(0,168,255,0.1);border-radius:8px}.spec-item{text-align:center}.spec-label{font-size:0.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:0.05em}.spec-value{font-size:1.5rem;font-weight:700;color:var(--color-now)}.article-header{padding:calc(var(--space-2xl) + 80px) 0 var(--space-xl);background:linear-gradient(to bottom,rgba(0,168,255,0.2) 0%,rgba(2,8,23,0.9) 100%)}.article-meta{display:flex;gap:var(--space-lg);justify-content:center;margin-top:var(--space-md);color:var(--color-text-secondary);font-size:0.875rem}.article-content{max-width:800px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.article-content h2{margin-top:var(--space-2xl);margin-bottom:var(--space-lg)}.article-content p{font-size:1.125rem;line-height:1.8;margin-bottom:var(--space-lg)}.article-content img{width:100%;height:auto;margin:var(--space-xl) 0;border-radius:8px}.article-content blockquote{margin:var(--space-xl) 0;padding:var(--space-lg);border-left:4px solid var(--color-now);background:var(--glass-bg);font-style:italic;font-size:1.2rem}.nav-links a.active{color:var(--color-cta)}.lead{font-size:1.25rem;font-weight:300;color:var(--color-text-primary);margin-bottom:var(--space-xl)}.article-content ul{margin:var(--space-lg) 0;padding-left:var(--space-xl)}.article-content li{margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.article-content li strong{color:var(--color-text-primary)}.related-articles{background:var(--glass-bg);padding:var(--space-2xl) 0;margin-top:var(--space-2xl)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.related-card{display:block;padding:var(--space-lg);border-radius:12px;transition:transform var(--transition-base)}.related-card:hover{transform:translateY(-3px);border-color:var(--color-now)}.related-card h4{color:var(--color-text-primary);margin-bottom:var(--space-sm)}.related-card p{font-size:0.875rem;margin-bottom:0}.beyond-header{background:linear-gradient(to bottom,rgba(190,46,221,0.2) 0%,rgba(2,8,23,0.9) 100%)}.concepts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-xl)}.concept-card{border-radius:16px;overflow:hidden;transition:all var(--transition-base)}.concept-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(190,46,221,0.2)}.concept-image{position:relative;height:250px;overflow:hidden}.concept-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.concept-card:hover .concept-image img{transform:scale(1.1)}.concept-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);display:flex;align-items:flex-end;padding:var(--space-lg)}.concept-label{background:var(--color-beyond);color:white;padding:var(--space-xs) var(--space-md);border-radius:20px;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em}.concept-content{padding:var(--space-xl)}.concept-content h2{margin-bottom:var(--space-md);color:var(--color-text-primary)}.concept-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-lg) 0}.concept-tags span{background:rgba(190,46,221,0.1);color:var(--color-beyond);padding:var(--space-xs) var(--space-sm);border-radius:16px;font-size:0.875rem}.gallery-section{padding:var(--space-2xl) 0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.gallery-item{position:relative;height:300px;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform var(--transition-base)}.gallery-item:hover{transform:scale(1.02)}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-caption{position:absolute;bottom:0;left:0;right:0;padding:var(--space-lg);background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);color:white;transform:translateY(100%);transition:transform var(--transition-base)}.gallery-item:hover .gallery-caption{transform:translateY(0)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-xl);padding:var(--space-2xl) 0}.library-book{text-align:center;transition:transform var(--transition-base)}.library-book:hover{transform:translateY(-10px)}.library-book img{width:100%;max-width:180px;height:270px;object-fit:cover;margin:0 auto;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.3);transition:box-shadow var(--transition-base)}.library-book:hover img{box-shadow:0 20px 40px rgba(190,46,221,0.3)}.library-book h3{margin-top:var(--space-md);font-size:1.1rem}.library-book p{font-size:0.875rem;margin-top:var(--space-sm)}.approach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin:var(--space-xl) 0}.approach-item{padding:var(--space-lg);border-radius:12px}.approach-item h3{color:var(--color-now);margin-bottom:var(--space-md)}.cta-section{text-align:center;margin-top:var(--space-2xl);padding:var(--space-2xl);background:var(--glass-bg);border-radius:16px}.contact-content{max-width:1000px;margin:0 auto}.contact-intro{text-align:center;margin-bottom:var(--space-2xl)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.contact-card{padding:var(--space-xl);border-radius:12px;text-align:center}.contact-card h2{font-size:1.5rem;margin-bottom:var(--space-md);color:var(--color-text-primary)}.contact-link{display:inline-block;margin-top:var(--space-md);font-weight:600;color:var(--color-now);font-size:1.1rem}.contact-link:hover{color:var(--color-cta)}.social-section{text-align:center;margin:var(--space-2xl) 0}.social-links{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap}.social-link{padding:var(--space-md) var(--space-lg);border-radius:50px;font-weight:600;transition:all var(--transition-base);display:inline-block}.social-link:hover{transform:translateY(-2px);background:var(--color-now);color:white}.newsletter-section{max-width:600px;margin:var(--space-2xl) auto;padding:var(--space-xl);border-radius:16px;text-align:center}.newsletter-form{display:flex;gap:var(--space-md);margin-top:var(--space-lg);max-width:400px;margin-left:auto;margin-right:auto}.newsletter-form input{flex:1;padding:var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;color:var(--color-text-primary);font-size:1rem}.newsletter-form input::placeholder{color:var(--color-text-secondary)}.newsletter-form input:focus{outline:none;border-color:var(--color-now)}@media (max-width:768px){.newsletter-form{flex-direction:column}}