:root{--bg-deep:#050810;--purple:#3a2466;--amber:#e8943a;--gold:#f5c842;--text-light:#e2e8f0;--text-muted:#8b9bb4;}*{box-sizing:border-box;margin:0;padding:0;}body{background:var(--bg-deep);color:var(--text-light);font-family:'Montserrat',sans-serif;overflow-x:hidden;line-height:1.6;}.main{position:relative;width:100%;height:100vh;min-height:600px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;overflow:hidden;}canvas#bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;}.main-content{position:relative;z-index:10;text-align:center;margin-bottom:9vh;}.main-content h1{font-family:'Cinzel Decorative',serif;font-size:clamp(2rem,5vw,4rem);color:var(--gold);text-shadow:0 0 30px rgba(232,148,58,0.7),0 0 60px rgba(74,48,128,0.9);letter-spacing:4px;margin-bottom:10px;}.main-content p{font-family:'Cinzel',serif;font-size:clamp(0.8rem,1.5vw,1.1rem);color:var(--amber);letter-spacing:7px;text-transform:uppercase;opacity:0.9;}.timeline-section{background:linear-gradient(180deg,var(--bg-deep) 0%,#080a12 100%);padding:100px 20px;display:flex;flex-direction:column;align-items:center;}.timeline-container{position:relative;max-width:900px;width:100%;margin-top:40px;}.timeline-container::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--purple),var(--amber),transparent);transform:translateX(-50%);}.timeline-item{position:relative;width:50%;margin-bottom:80px;padding:0 40px;opacity:0;transform:translateY(40px);transition:opacity 0.8s ease-out,transform 0.8s ease-out;will-change:opacity,transform;}.timeline-item.visible{opacity:1;transform:translateY(0);}.timeline-item-left{left:0;text-align:right;}.timeline-item-right{left:50%;text-align:left;}.timeline-badge{position:absolute;top:25px;width:16px;height:16px;border-radius:50%;background:var(--bg-deep);border:3px solid var(--gold);box-shadow:0 0 10px var(--amber);z-index:10;}.timeline-item-left .timeline-badge{right:-8px;}.timeline-item-right .timeline-badge{left:-8px;}.timeline-content{background:rgba(13,17,40,0.5);border:1px solid rgba(74,48,128,0.3);padding:30px;border-radius:8px;backdrop-filter:blur(12px);box-shadow:0 10px 40px rgba(0,0,0,0.5);position:relative;overflow:hidden;}.timeline-content::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--purple),var(--amber));}.timeline-date{font-family:'Cinzel',serif;color:var(--amber);font-weight:600;font-size:1.1rem;margin-bottom:8px;display:block;}.timeline-title{font-family:'Cinzel',serif;font-size:1.8rem;color:var(--gold);margin-bottom:15px;}.timeline-desc{color:var(--text-muted);font-size:0.95rem;}.brokenlens-card{background:linear-gradient(135deg,rgba(20,15,45,0.7) 0%,rgba(8,10,20,0.85) 100%);border:1px solid rgba(232,148,58,0.2);}.brokenlens-header{display:flex;align-items:center;gap:20px;margin-bottom:15px;}.timeline-item-left .brokenlens-header{flex-direction:row-reverse;}.logo-placeholder{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#1e1540 0%,#090c1a 100%);border:2px solid var(--purple);display:flex;justify-content:center;align-items:center;box-shadow:0 0 15px rgba(74,48,128,0.5);flex-shrink:0;}.logo-icon{width:78px;height:58px;transform:translate(1px,5px);}.stat-badge{display:inline-block;padding:4px 12px;background:rgba(232,148,58,0.12);border:1px solid var(--amber);color:var(--amber);border-radius:20px;font-size:0.8rem;font-weight:600;margin-top:15px;}footer{position:relative;background:#02030a;border-top:1px solid rgba(74,48,128,0.25);overflow:hidden;padding:48px 20px 36px;display:flex;flex-direction:column;align-items:center;gap:24px;}footer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:340px;height:1px;background:linear-gradient(90deg,transparent,var(--amber),var(--gold),var(--amber),transparent);}.footer-moon{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#fffbe0,#e8c660 55%,#8a6010);box-shadow:0 0 16px rgba(245,200,66,0.4);flex-shrink:0;}.footer-brand{display:flex;align-items:center;gap:14px;}.footer-brand-name{font-family:'Cinzel Decorative',serif;font-size:1.3rem;color:var(--gold);letter-spacing:3px;text-shadow:0 0 12px rgba(232,148,58,0.4);}.footer-divider{width:100%;max-width:480px;height:1px;background:linear-gradient(90deg,transparent,rgba(74,48,128,0.5),transparent);}.footer-tagline{font-family:'Cinzel',serif;font-size:0.72rem;letter-spacing:5px;color:var(--text-muted);text-transform:uppercase;}.footer-copy{font-size:0.78rem;color:rgba(139,155,180,0.6);letter-spacing:1px;text-align:center;}.brokenlens-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}.bl-link{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border:1px solid rgba(232,148,58,0.25);border-radius:20px;color:var(--text-muted);text-decoration:none;font-size:0.78rem;font-weight:500;letter-spacing:0.5px;background:rgba(232,148,58,0.04);transition:border-color 0.25s ease,color 0.25s ease,background 0.25s ease,box-shadow 0.25s ease;}.bl-link:hover{border-color:var(--amber);color:var(--amber);background:rgba(232,148,58,0.1);box-shadow:0 0 10px rgba(232,148,58,0.15);}.bl-link-site{border-color:rgba(245,200,66,0.35);color:var(--gold);background:rgba(245,200,66,0.06);}.bl-link-site:hover{border-color:var(--gold);color:var(--gold);background:rgba(245,200,66,0.13);box-shadow:0 0 12px rgba(245,200,66,0.18);}@media (max-width:768px){.timeline-container::before{left:20px;transform:none;}.timeline-item{width:100%;left:0;padding-left:50px;padding-right:10px;text-align:left !important;}.timeline-item-left .timeline-badge,.timeline-item-right .timeline-badge{left:11px;right:auto;}.timeline-item-left .brokenlens-header{flex-direction:row;}.main-content{margin-bottom:15vh;}.main-content h1{font-size:clamp(1.4rem,6.5vw,2rem);letter-spacing:2px;}.main-content p{font-size:clamp(0.6rem,2.5vw,0.85rem);letter-spacing:4px;}}