:root{--background:#0a0e1a;--surface:#1e3a8a;--foreground:#fff;--primary:#1e3a8a;--primary-light:#2d4a9c;--secondary:#ff6b00;--accent:#ff6b00;--text-muted:#b0b8c4;--border:#ff6b0033}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.landing-page{background:linear-gradient(135deg,#0a0e1a 0%,#0a1628 50%,#0a0e1a 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.background-3d{z-index:1;opacity:.3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.content{text-align:center;z-index:10;max-width:1000px;position:relative}.hero-section{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.tagline-text{color:var(--secondary);letter-spacing:.25em;text-transform:uppercase;margin-bottom:0;font-size:clamp(.75rem,1.5vw,.9rem);font-weight:700;position:relative}.glowing-text{display:inline-block;position:relative}.glowing-text:after{content:attr(data-text);background:linear-gradient(135deg,var(--secondary)0%,#ff8c00 100%);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;width:100%;height:100%;animation:2s ease-in-out infinite glowPulse;position:absolute;top:0;left:0}@keyframes glowPulse{0%,to{opacity:0}50%{opacity:.3}}.college-name-container{margin:.5rem 0}.animated-title{flex-wrap:wrap;justify-content:center;gap:.1rem;display:inline-flex}.title-letter{background:linear-gradient(135deg,var(--secondary)0%,#ff8c00 50%,var(--secondary)100%);-webkit-text-fill-color:transparent;letter-spacing:.05em;filter:drop-shadow(0 0 20px #ff6b0066);background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:clamp(3.5rem,12vw,7rem);font-weight:900;line-height:1;animation:3s linear infinite shimmer;display:inline-block;position:relative}.title-letter:hover{filter:drop-shadow(0 0 40px #ff6b00cc);transition:transform .3s;transform:scale(1.1)}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}.description-container{width:100%;max-width:650px}.description{color:var(--foreground);margin-bottom:0;padding:0 1rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:400;line-height:1.7;position:relative;overflow:hidden}.description:before,.description:after{content:"\"";color:var(--secondary);opacity:.5;font-size:2rem;font-weight:300;position:absolute}.description:before{top:-.5rem;left:0}.description:after{bottom:-1rem;right:0}.countdown-container{margin:2.5rem 0}.countdown-title{color:var(--foreground);text-transform:uppercase;letter-spacing:.2em;opacity:.9;margin-bottom:1.2rem;font-size:clamp(.75rem,1.5vw,.9rem);font-weight:700}.countdown-timer{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.time-unit{-webkit-backdrop-filter:blur(10px);background:#1e3a8a4d;border:2px solid #ff6b004d;border-radius:16px;flex-direction:column;align-items:center;min-width:80px;padding:1rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #1e3a8a66,inset 0 1px #ffffff1a}.time-unit:before{content:"";background:linear-gradient(45deg,#0000,#ff6b001a,#0000);width:200%;height:200%;animation:3s infinite shimmerEffect;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes shimmerEffect{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.time-unit:hover{border-color:#ff6b0099;transform:translateY(-5px);box-shadow:0 12px 40px #1e3a8a99,0 0 20px #ff6b004d,inset 0 1px #fff3}.time-value{background:linear-gradient(135deg,var(--secondary)0%,#ff8c00 100%);-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;z-index:1;filter:drop-shadow(0 0 10px #ff6b0080);-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-size:clamp(2.2rem,5vw,3rem);font-weight:800;line-height:1;position:relative}.time-label{color:#fffc;text-transform:uppercase;letter-spacing:.2em;z-index:1;font-size:.65rem;font-weight:600;position:relative}.time-separator{color:var(--secondary);opacity:.7;filter:drop-shadow(0 0 10px #ff6b0080);margin:0 .3rem;font-size:clamp(2.2rem,5vw,3rem);font-weight:800;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.launch-date{color:var(--foreground);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e3a8a4d;border:1px solid #ff6b0033;border-radius:20px;margin-top:1.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:500;display:inline-block}.canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.landing-page{padding:1.5rem}.content{max-width:100%}.hero-section{gap:1rem}.tagline-text{letter-spacing:.15em}.animated-title{gap:0}.title-letter{letter-spacing:0}.description:before,.description:after{font-size:1.5rem}.countdown-timer{gap:.6rem}.time-unit{min-width:65px;padding:.7rem}.time-separator{margin:0 .1rem;font-size:1.8rem}}@media (max-width:480px){.landing-page{padding:1rem}.time-unit{min-width:55px;padding:.5rem}.time-value{font-size:1.8rem}.description:before,.description:after{display:none}.description{padding:0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff8c00}
