:root{--primary:#8db5fd;--secondary:#fbaed2;--accent:#fd94c5;--white:#fff;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-900:#0f172a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--white);color:var(--slate-900);font-family:Jost,sans-serif;overflow-x:hidden}.gradient-text{background:linear-gradient(to right,var(--primary),var(--secondary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hidden{display:none!important}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}.banner{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:60px 20px;position:relative}.banner-bg{background:radial-gradient(circle,var(--primary) 0,transparent 70%);height:800px;left:50%;opacity:.15;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:800px}.container{margin:0 auto;max-width:1200px;position:relative;text-align:center;width:100%;z-index:10}.badge{align-items:center;background-color:var(--slate-50);border:1px solid var(--slate-100);border-radius:999px;color:var(--slate-500);display:inline-flex;font-size:11px;font-weight:800;gap:10px;letter-spacing:.2em;margin-bottom:30px;padding:8px 20px;text-transform:uppercase}.dot{height:8px;position:relative;width:8px}.dot-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite;height:100%;opacity:.75;position:absolute;width:100%}.dot-inner,.dot-ping{background-color:var(--accent);border-radius:50%}.dot-inner{display:block;height:8px;position:relative;width:8px}@keyframes ping{75%,to{opacity:0;transform:scale(2.5)}}.main-title{color:var(--primary);font-size:42px;font-weight:900;letter-spacing:-.04em;line-height:.95;margin-bottom:25px;text-transform:uppercase}.subtitle{color:var(--slate-600);font-size:16px;font-style:italic;font-weight:500;line-height:1.6;margin:0 auto 50px;max-width:600px}.event-hero{gap:40px;justify-content:center;margin-bottom:60px}.event-hero,.speaker{align-items:center;display:flex;flex-direction:column}.image-wrapper{height:140px;margin-bottom:15px;position:relative;width:140px}.image-wrapper img{border:3px solid var(--white);border-radius:50%;box-shadow:0 10px 30px rgba(0,0,0,.1);height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.glow{border-radius:50%;filter:blur(25px);inset:0;opacity:.2;position:absolute;transition:opacity .3s}.glow.blue{background:var(--primary)}.glow.pink{background:var(--accent)}.speaker:hover .glow{opacity:.4}.speaker .name{font-size:15px;font-weight:800;margin-bottom:2px;text-transform:uppercase}.speaker .name.blue{color:var(--primary)}.speaker .name.pink{color:var(--accent)}.speaker .role{color:var(--secondary);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.countdown{gap:15px}.countdown,.time-block{align-items:center;display:flex}.time-block{flex-direction:column}.time-block .box{align-items:center;background:var(--white);border:1px solid var(--slate-100);border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.03);display:flex;height:65px;justify-content:center;margin-bottom:8px;width:65px}.time-block .box span{color:var(--primary);font-size:24px;font-weight:900;letter-spacing:-.05em}.time-block .label{color:var(--slate-400);font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.sep{color:var(--secondary);font-size:22px;margin-bottom:25px}.cta-button{align-items:center;background:linear-gradient(to right,var(--primary),var(--accent));border:none;border-radius:18px;box-shadow:0 15px 40px rgba(141,181,253,.4);color:var(--white);cursor:pointer;display:inline-flex;font-family:Jost,sans-serif;font-size:18px;font-weight:700;gap:12px;padding:18px 45px;transition:transform .3s,box-shadow .3s}.cta-button:hover{box-shadow:0 20px 50px rgba(141,181,253,.6);transform:translateY(-4px)}.cta-button .arrow{height:20px;transition:transform .3s;width:20px}.cta-button:hover .arrow{transform:translateX(4px)}.modal-overlay{align-items:center;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.modal-backdrop{backdrop-filter:blur(20px);background:rgba(141,181,253,.2);inset:0;position:absolute}.modal-content{animation:modalScale .4s cubic-bezier(.16,1,.3,1);background:var(--white);border-radius:25px;box-shadow:0 40px 100px rgba(0,0,0,.1);display:flex;flex-direction:column;max-height:90vh;max-width:1100px;overflow:hidden;position:relative;width:100%}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.close-btn{align-items:center;background:rgba(141,181,253,.7);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;position:absolute;right:25px;top:25px;transition:background .2s;width:45px;z-index:110}.close-btn:hover{background:#8db5fd}.close-btn svg{height:24px;width:24px}.modal-video-area{align-items:center;background:#f8fafc;display:flex;flex:1;justify-content:center;min-height:400px;overflow:hidden;position:relative}.ambient-bg{background-image:url(https://images.unsplash.com/photo-1576091160550-2173dba999ef?auto=format&fit=crop&q=80&w=800);background-position:50%;background-size:cover;filter:blur(40px);inset:-50px;opacity:.2;position:absolute}.video-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:10}.video-controls{bottom:15px;display:flex;gap:10px;position:absolute;right:15px;z-index:10}.video-controls button{background:rgba(0,0,0,.6);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;padding:10px}.preview-video{height:100%;object-fit:cover;width:100%}.preview-video:-webkit-full-screen,.preview-video:fullscreen{background:#000;object-fit:contain}.play-overlay{background:rgba(141,181,253,.05);inset:0;position:absolute}.play-circle,.play-overlay{align-items:center;display:flex;justify-content:center}.play-circle{backdrop-filter:blur(20px);background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.5);border-radius:50%;height:90px;width:90px}.play-triangle{border-bottom:15px solid transparent;border-left:25px solid var(--white);border-top:15px solid transparent;height:0;margin-left:8px;width:0}.video-info{bottom:30px;left:30px;position:absolute;right:30px}.profile{gap:12px;margin-bottom:15px}.avatar,.profile{align-items:center;display:flex}.avatar{border-radius:50%;height:42px;justify-content:center;width:42px}.avatar img{width:100%}.meta{display:flex;flex-direction:column}.handle{color:var(--white);font-size:14px;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tag{color:hsla(0,0%,100%,.8);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.divider{background:linear-gradient(to right,var(--primary),transparent);border-radius:2px;height:2px;width:80px}.modal-details-area{background:var(--white);display:flex;flex:1.2;flex-direction:column;overflow-y:auto;padding:50px}.modal-header{gap:15px;margin-bottom:40px}.logo-box,.modal-header{align-items:center;display:flex}.logo-box{border-radius:50%;height:50px;justify-content:center;width:50px}.logo-box img{height:100%;width:100%}.meta-tag{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.2em;margin-bottom:2px;text-transform:uppercase}.meta-date{color:var(--primary);font-size:12px;font-weight:700}.modal-title{color:var(--primary);font-size:48px;font-weight:900;letter-spacing:-.04em;line-height:.95;margin-bottom:30px;text-transform:uppercase}.modal-desc{font-size:17px}.modal-desc,.modal-desc2{color:var(--slate-600);font-weight:500;line-height:1.7;margin-bottom:40px}.modal-desc2{font-size:14px;font-style:italic;padding-top:15px;text-align:center}.info-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:50px}.info-card{align-items:center;border:1px solid transparent;border-radius:24px;display:flex;flex:1;gap:15px;min-width:200px;padding:20px}.info-blue{background:rgba(141,181,253,.05);border-color:rgba(141,181,253,.1)}.info-pink{background:rgba(251,174,210,.05);border-color:rgba(251,174,210,.1)}.icon-box{align-items:center;background:var(--white);border-radius:14px;box-shadow:0 4px 10px rgba(0,0,0,.02);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.icon-pink{color:var(--accent)}.icon-blue{color:var(--primary)}.icon-box svg{height:24px;width:24px}.text-box{display:flex;flex-direction:column}.text-box .label{color:var(--slate-400);font-size:10px;margin-bottom:2px}.text-box .label,.text-box .value{font-weight:900;text-transform:uppercase}.text-box .value{color:var(--slate-900);font-size:14px}.action-buttons{display:grid;gap:15px;grid-template-columns:1fr 1fr}.btn{align-items:center;border-radius:20px;cursor:pointer;display:flex;font-family:Jost,sans-serif;font-size:18px;font-weight:700;justify-content:center;padding:20px;text-align:center;text-decoration:none;transition:all .3s}.btn-primary{background:linear-gradient(to right,var(--primary),var(--secondary),var(--accent));border:none;box-shadow:0 10px 20px rgba(141,181,253,.3);color:var(--white)}.btn-primary:hover{box-shadow:0 15px 30px rgba(141,181,253,.4);transform:translateY(-2px)}.btn-secondary{background:var(--white);border:2px solid var(--primary);color:var(--primary)}.btn-secondary:hover{background:rgba(141,181,253,.05)}@media (min-width:768px){.main-title{font-size:72px}.event-hero,.modal-content{flex-direction:row}.modal-video-area{flex:0 0 38%;min-height:auto}}@media (max-width:767px){.countdown{transform:scale(.9)}.time-block .box{height:55px;width:55px}.time-block .box span{font-size:20px}.modal-title{font-size:32px}.action-buttons{grid-template-columns:1fr}}