nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 3rem;background:#1a1410d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(192,21,42,.2);transition:all .3s ease}.nav-logo{display:flex;align-items:center;gap:.6rem;font-family:Syne,sans-serif;font-weight:800;font-size:1.4rem;color:var(--white);text-decoration:none;letter-spacing:-.5px}.logo-drop{width:28px;height:28px;animation:pulse-drop 2s ease-in-out infinite}@keyframes pulse-drop{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px var(--crimson))}50%{transform:scale(1.1);filter:drop-shadow(0 0 12px var(--crimson-light))}}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.nav-links a{color:#fafaf8b3;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s;letter-spacing:.3px}.nav-links a:hover{color:var(--white)}.nav-cta{background:var(--crimson);color:var(--white)!important;padding:.5rem 1.3rem;border-radius:100px;font-weight:600!important;transition:all .2s!important}.nav-cta:hover{background:var(--crimson-light)!important;color:var(--white)!important;transform:translateY(-1px);box-shadow:0 4px 20px var(--shadow-red)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}.mobile-menu-btn span{width:24px;height:2px;background:var(--white);border-radius:2px;transition:all .3s}@media(max-width:768px){nav{padding:1rem 1.5rem}.nav-links{display:none}.mobile-menu-btn{display:flex}}.sos-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center}.sos-modal{background:#1a1a1a;width:90%;max-width:450px;border-radius:12px;border:2px solid #e8293f;position:relative;padding:2.5rem 2rem;box-shadow:0 0 40px #e8293f66;color:#fff;text-align:center}.sos-close{position:absolute;top:15px;right:15px;background:none;border:none;color:#aaa;font-size:1.2rem;cursor:pointer}.sos-title{color:#e8293f;margin-bottom:.5rem;font-size:2rem}.pulse-red{animation:textPulse 1.5s infinite alternate}@keyframes textPulse{0%{text-shadow:0 0 10px rgba(232,41,63,.2)}to{text-shadow:0 0 20px rgba(232,41,63,.8)}}.gps-mock{background:#10b9811a;color:#10b981;padding:.8rem;border-radius:6px;font-family:monospace;margin-top:1rem;border:1px dashed rgba(16,185,129,.3)}.sos-group{margin:2rem 0;text-align:left}.sos-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#ccc}.sos-select{width:100%;padding:.8rem;border-radius:6px;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);font-size:1rem}.btn-sos-trigger{width:100%;padding:1.2rem;background:#e8293f;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.pulse-button{animation:btnPulse 1.5s infinite}@keyframes btnPulse{0%{box-shadow:0 0 #e8293fb3}70%{box-shadow:0 0 0 15px #e8293f00}to{box-shadow:0 0 #e8293f00}}.radar-spinner{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;border:4px solid rgba(232,41,63,.2);border-top-color:#e8293f;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.circle-check{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;background:#10b98133;color:#10b981;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700}.socket-notification{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:1rem 1.5rem;border-radius:30px;border:1px solid #3b82f6;z-index:8000;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 25px #00000080;font-size:.9rem;animation:slideUp .5s cubic-bezier(.175,.885,.32,1.275) forwards}.socket-notification .ping{width:12px;height:12px;background:#3b82f6;border-radius:50%;animation:ping 1s infinite alternate}@keyframes ping{0%{box-shadow:0 0 5px #3b82f6}to{box-shadow:0 0 15px #3b82f6,0 0 25px #3b82f6}}@keyframes slideUp{0%{bottom:-50px;opacity:0}to{bottom:80px;opacity:1}}.arvr-flex{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px}.mock-viewport{height:250px;border-radius:12px;background:#00000080;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .5s ease}.ar-view .ar-overlay{width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" opacity="0.1"><rect width="10" height="10" fill="gray"/></svg>');display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.floating-arrow{font-size:4rem;text-shadow:0 0 20px #10b981;margin-bottom:1rem}.floating-arrow.blink{animation:bounce 1s infinite alternate,glow 2s infinite}.distance{background:#000000b3;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-family:monospace;color:#10b981;margin-bottom:1rem;border:1px solid #10b981}.vr-view.active{background:#000}.vr-overlay{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.ambient-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.6}.orb1{width:150px;height:150px;background:#3b82f6;top:20%;left:20%;animation:floatOrb 8s infinite alternate ease-in-out}.orb2{width:200px;height:200px;background:#8b5cf6;bottom:10%;right:10%;animation:floatOrb 12s infinite alternate-reverse ease-in-out}.breathing-text{font-size:1.5rem;color:#fff;z-index:10;text-shadow:0 2px 10px rgba(0,0,0,.5);animation:breathe 8s infinite ease-in-out;letter-spacing:2px}@keyframes floatOrb{0%{transform:scale(1) translate(0)}to{transform:scale(1.5) translate(20px,30px)}}@keyframes breathe{0%{transform:scale(.9);opacity:.5;color:#fff}50%{transform:scale(1.1);opacity:1;color:#3b82f6}to{transform:scale(.9);opacity:.5;color:#fff}}.btn-close{padding:.5rem 1.5rem;background:#e8293f33;color:#e8293f;border:1px solid rgba(232,41,63,.5);border-radius:20px;cursor:pointer;z-index:20;transition:all .3s ease}.btn-close:hover{background:#e8293f66}.gamification-section{padding:4rem 3rem;max-width:1200px;margin:0 auto}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.lb-item{display:flex;align-items:center;padding:1rem;background:#ffffff08;border-radius:8px;margin-bottom:.5rem;transition:all .3s ease}.lb-item:hover{background:#ffffff14;transform:translate(5px)}.lb-item.gold{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.lb-item .rank{width:30px;font-weight:700;color:#aaa}.lb-item.gold .rank{color:#f59e0b}.lb-item .name{flex:1;color:#fff;font-weight:500}.lb-item .badge{font-size:1.2rem;margin:0 10px}.lb-item .points{color:#e8293f;font-weight:700;font-family:monospace}.heatmap-mock{position:relative;height:250px;background:#1a1a1a;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.pulse-zone{position:absolute;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);animation:pulseHeat 2s infinite}.pulse-zone.high{background:#10b981cc;box-shadow:0 0 20px 10px #10b9814d}.pulse-zone.mid{background:#f59e0bcc;box-shadow:0 0 20px 10px #f59e0b4d}.pulse-zone.low{background:#e8293fcc;box-shadow:0 0 20px 10px #e8293f4d;animation:pulseHeat 1s infinite alternate}.map-overlay-text{position:absolute;bottom:10px;right:15px;font-family:monospace;color:#fff3;font-weight:700}@keyframes pulseHeat{0%{transform:scale(1);opacity:.8}to{transform:scale(3);opacity:0}}.impact-stats{display:flex;flex-direction:column;gap:1rem}.impact-item{background:#ffffff08;padding:1rem;border-radius:8px;border-left:3px solid #3b82f6}.impact-item h4{color:#fff;font-size:.9rem;margin-bottom:.3rem}.medicine-section{padding:4rem 3rem;max-width:1200px;margin:0 auto}.medicine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.dna-ui{background:#0000004d;padding:1.5rem;border-radius:8px;position:relative;overflow:hidden;border-left:2px solid #8b5cf6}.helix{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}.base-pair{background:#8b5cf61a;color:#c4b5fd;padding:.5rem 1rem;border-radius:4px;font-family:monospace;font-size:.85rem;display:inline-block;text-align:center;border:1px solid rgba(139,92,246,.3)}.base-pair.match{background:#10b9811a;color:#10b981;border-color:#10b9814d}.match-status{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#10b981;font-weight:700}.status-indicator.safe{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981}.biopsy-ui{background:#0000004d;padding:1.5rem;border-radius:8px;border-left:2px solid #3b82f6}.biopsy-header{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.75rem;color:#aaa;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.scan-item{display:flex;justify-content:space-between;margin-bottom:.8rem;font-size:.85rem;padding:.5rem;background:#ffffff05;border-radius:4px}.scan-item .marker{color:#ccc}.scan-item .value.safe{color:#f59e0b;font-weight:700}.scan-item .value.perfect{color:#10b981;font-weight:700}.analytics-page{min-height:100vh;padding:4rem 2rem;background-color:var(--bg-dark);color:var(--text-light)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.card{background:var(--bg-card, rgba(26,20,16,.6));border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,border-color .3s ease}.card:hover{transform:translateY(-5px);border-color:#e8293f66}.card h3{margin-bottom:.5rem;color:#fff}.card-desc{font-size:.9rem;color:#aaa;margin-bottom:2rem;line-height:1.4}.bar-group{margin-bottom:1rem}.label{display:block;margin-bottom:.3rem;font-size:.85rem;font-weight:700}.bar{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.fill{height:100%;border-radius:6px;box-shadow:0 0 10px currentColor}.fill-critical{background:#e8293f;color:#e8293f}.fill-safe{background:#10b981;color:#10b981}.fill-warning{background:#f59e0b;color:#f59e0b}.score-circle{position:relative;width:150px;margin:0 auto;text-align:center}.circular-chart{display:block;margin:0 auto;max-width:80%;max-height:250px}.circle-bg{fill:none;stroke:#ffffff1a;stroke-width:2.8}.circle{fill:none;stroke:#10b981;stroke-width:2.8;stroke-linecap:round;animation:progress 2s ease-out forwards;stroke-dasharray:0,100}@keyframes progress{to{stroke-dasharray:92,100}}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column}.score-text .number{font-size:2rem;font-weight:700;color:#fff}.score-text .status{font-size:.75rem;color:#10b981}.scanner-ui{background:#0000004d;border-radius:8px;padding:1rem;position:relative;overflow:hidden}.doc-scan{text-align:center;border:1px dashed rgba(255,255,255,.2);padding:2rem 1rem;margin-bottom:1rem;position:relative}.scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:#3b82f6;box-shadow:0 0 10px #3b82f6;animation:scan 3s infinite linear}@keyframes scan{0%{top:0}50%{top:100%}to{top:0}}.nlp-item{font-size:.85rem;padding:.5rem;border-radius:4px;margin-bottom:.5rem}.pass{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.fail{background:#e8293f1a;color:#e8293f;border:1px solid rgba(232,41,63,.2)}.trace-page{min-height:100vh;padding:4rem 2rem;background-color:var(--bg-dark);color:var(--text-light)}.trace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.timeline{border-left:2px solid rgba(255,255,255,.1);padding-left:1.5rem;position:relative}.time-node{position:relative;margin-bottom:2rem}.time-node:last-child{margin-bottom:0}.time-node .dot{position:absolute;left:-1.9rem;width:12px;height:12px;border-radius:50%;background:#fff3;border:2px solid var(--bg-card)}.time-node.active .dot{background:#3b82f6;box-shadow:0 0 10px #3b82f6}.time-node.pending .dot.pulse{background:#f59e0b;animation:pulse 1.5s infinite}.time-node h4{margin:0 0 .2rem;font-size:1rem;color:#fff}.time-node span{font-size:.8rem;color:#888;font-family:monospace}@keyframes pulse{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.temp-monitor{display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;background:#0000004d;border-radius:12px;margin-bottom:1rem;border:1px solid rgba(16,185,129,.3)}.temp-value{font-size:3rem;font-weight:700;color:#10b981;text-shadow:0 0 20px rgba(16,185,129,.5);font-family:monospace}.temp-status{font-size:.9rem;color:#aaa}.bag-id{text-align:center;font-family:monospace;color:#3b82f6;font-size:.9rem;padding:.5rem;background:#3b82f61a;border-radius:6px}.drone-map-mock{display:flex;align-items:center;justify-content:space-between;background:#0000004d;padding:2rem 1rem;border-radius:12px;margin-bottom:1rem;position:relative}.hospital{width:50px;height:50px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;text-align:center}.flight-path{flex-grow:1;height:2px;border-top:2px dashed rgba(255,255,255,.2);position:relative;margin:0 1rem}.drone-icon{position:absolute;top:-14px;left:0;font-size:1.5rem;animation:fly 4s infinite ease-in-out}@keyframes fly{0%{left:0;transform:translateY(0)}50%{transform:translateY(-5px)}to{left:100%;transform:translateY(0)}}.eta{text-align:center;font-size:.85rem;color:#aaa}:root{--crimson: #C0152A;--crimson-dark: #8B0D1D;--crimson-light: #E8293F;--blood: #7A0E1A;--amber: #F59E0B;--white: #FAFAF8;--offwhite: #F5F0EE;--charcoal: #1A1410;--warm-gray: #8C7B72;--soft-red: #FDE8EA;--glass: rgba(250,245,243,.08);--glass-border: rgba(255,255,255,.15);--shadow-red: rgba(192,21,42,.3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--charcoal);color:var(--white);overflow-x:hidden;cursor:default}h1,h2,h3,h4,h5{font-family:Syne,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}section{padding:6rem 3rem}.section-tag{display:inline-block;background:#c0152a1f;border:1px solid rgba(192,21,42,.35);color:#ff6b7a;padding:.35rem 1rem;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1.2rem}.section-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:1rem}.section-sub{font-size:1rem;color:var(--warm-gray);max-width:520px;line-height:1.7}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--crimson) 0%,#E8293F 100%);color:#fff;padding:.9rem 2rem;border-radius:100px;font-weight:600;font-size:.95rem;text-decoration:none;border:none;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 24px #c0152a66;letter-spacing:.3px}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 36px #c0152a8c}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--white);padding:.9rem 2rem;border-radius:100px;font-weight:500;font-size:.95rem;text-decoration:none;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease}.btn-secondary:hover{border-color:#ffffff80;background:#ffffff0d;transform:translateY(-2px)}.text-red{color:var(--crimson-light)}.text-muted{color:var(--warm-gray)}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.w-full{width:100%}@media(max-width:768px){section{padding:4rem 1.5rem}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:8rem 3rem 4rem}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 70% 50%,rgba(192,21,42,.18) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(122,14,26,.12) 0%,transparent 60%),linear-gradient(135deg,#1a1410,#220a0e,#1a1410)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(192,21,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(192,21,42,.05) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.hero-content{max-width:680px;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#c0152a26;border:1px solid rgba(192,21,42,.4);padding:.4rem 1rem;border-radius:100px;font-size:.8rem;font-weight:600;color:#ff6b7a;margin-bottom:1.5rem;letter-spacing:1px;text-transform:uppercase;animation:fadeInDown .8s ease both}.hero-badge:before{content:"";width:6px;height:6px;background:#f45;border-radius:50%;animation:blink 1.2s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero h1{font-size:clamp(3rem,6vw,5.5rem);font-weight:800;line-height:1.05;letter-spacing:-2px;margin-bottom:1.5rem;animation:fadeInUp .8s .2s ease both}.hero h1 span{background:linear-gradient(135deg,#e8293f,#ff6b2b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.15rem;line-height:1.7;color:#fafaf899;max-width:500px;margin-bottom:2.5rem;font-weight:300;animation:fadeInUp .8s .4s ease both}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeInUp .8s .6s ease both}.hero-visual{position:absolute;right:0;top:50%;transform:translateY(-50%);width:45%;height:80vh;z-index:1;display:flex;align-items:center;justify-content:center}.blood-drop-main{width:260px;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 20px 60px rgba(192,21,42,.5))}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-20px) rotate(2deg)}}.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(192,21,42,.3);animation:spin 20s linear infinite}.orbit-ring:nth-child(2){width:320px;height:320px;animation-duration:25s;animation-direction:reverse}.orbit-ring:nth-child(3){width:420px;height:420px;animation-duration:35s;border-style:dashed;opacity:.4}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-dot{position:absolute;width:10px;height:10px;background:var(--crimson);border-radius:50%;top:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 10px var(--crimson)}@media(max-width:768px){.hero{padding:7rem 1.5rem 3rem}.hero-visual{display:none}.hero h1{font-size:2.8rem}}.stats-bar{background:#c0152a14;border-top:1px solid rgba(192,21,42,.2);border-bottom:1px solid rgba(192,21,42,.2);padding:2rem 3rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}.stat-number{font-family:Syne,sans-serif;font-size:2.2rem;font-weight:800;color:var(--white);display:block;letter-spacing:-1px}.stat-number span{color:var(--crimson-light)}.stat-label{font-size:.82rem;color:var(--warm-gray);text-transform:uppercase;letter-spacing:1px;margin-top:.3rem}@media(max-width:768px){.stats-bar{grid-template-columns:repeat(2,1fr);padding:2rem 1.5rem}}.how-it-works{background:#ffffff04}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem}.step-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.5rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.step-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(192,21,42,.08) 0%,transparent 60%);opacity:0;transition:opacity .3s}.step-card:hover{transform:translateY(-8px);border-color:#c0152a66}.step-card:hover:before{opacity:1}.step-number{font-family:Syne,sans-serif;font-size:4rem;font-weight:800;color:#c0152a26;line-height:1;margin-bottom:1rem}.step-icon{font-size:2rem;margin-bottom:1rem;display:block}.step-card h3{font-size:1.3rem;font-weight:700;margin-bottom:.8rem;letter-spacing:-.5px}.step-card p{color:var(--warm-gray);font-size:.9rem;line-height:1.6}@media(max-width:768px){.steps-grid{grid-template-columns:1fr}}.register-section{background:linear-gradient(135deg,#1f0a0e,#1a1410,#1c0a0d)}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-top:3rem}.register-tabs{display:flex;gap:0;margin-bottom:2rem;background:#ffffff0d;border-radius:12px;padding:4px}.tab-btn{flex:1;padding:.7rem 1rem;border:none;border-radius:10px;background:transparent;color:var(--warm-gray);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.tab-btn.active{background:var(--crimson);color:#fff;box-shadow:0 2px 10px var(--shadow-red)}.form-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2.5rem}.form-group{margin-bottom:1.4rem}.form-label{display:block;font-size:.82rem;font-weight:600;color:#fafaf899;text-transform:uppercase;letter-spacing:.8px;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.8rem 1rem;color:var(--white);font-family:DM Sans,sans-serif;font-size:.9rem;transition:all .2s;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--crimson);box-shadow:0 0 0 3px #c0152a26;background:#ffffff14}.form-input::placeholder{color:#ffffff40}.form-select option{background:#2a1215;color:var(--white)}.blood-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.blood-type-btn{padding:.65rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:#fafaf899;font-family:Syne,sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;text-align:center}.blood-type-btn:hover{border-color:var(--crimson);color:var(--white)}.blood-type-btn.selected{border-color:var(--crimson);background:#c0152a33;color:#fff;box-shadow:0 0 12px #c0152a4d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.progress-steps{display:flex;align-items:center;gap:0;margin-bottom:2rem}.progress-step{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--warm-gray);font-weight:500}.progress-step.active{color:var(--white)}.progress-step.done{color:#4caf50}.step-circle{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.progress-step.active .step-circle{border-color:var(--crimson);background:#c0152a33;color:var(--white)}.progress-step.done .step-circle{border-color:#4caf50;background:#4caf5033;color:#4caf50}.step-connector{flex:1;height:1px;background:#ffffff1a;margin:0 .3rem}.location-info{display:flex;flex-direction:column;gap:2rem;justify-content:center;height:100%}.location-feature{display:flex;gap:1.2rem;align-items:flex-start}.loc-icon{width:48px;height:48px;background:#c0152a26;border:1px solid rgba(192,21,42,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.loc-text h4{font-size:1rem;font-weight:700;margin-bottom:.3rem;letter-spacing:-.3px}.loc-text p{font-size:.85rem;color:var(--warm-gray);line-height:1.5}@media(max-width:768px){.register-grid{grid-template-columns:1fr;gap:2rem}.form-row{grid-template-columns:1fr}}.emergency-section{background:linear-gradient(135deg,#1f0508,#2a0810,#1f0508);text-align:center;padding:5rem 3rem;position:relative;overflow:hidden}.emergency-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(192,21,42,.2) 0%,transparent 70%);pointer-events:none}.emergency-content{position:relative;z-index:1;max-width:600px;margin:0 auto}.pulse-btn{display:inline-flex;align-items:center;gap:.8rem;background:linear-gradient(135deg,#c0152a,#e8293f);color:#fff;padding:1.3rem 3rem;border-radius:100px;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800;border:none;cursor:pointer;position:relative;box-shadow:0 8px 40px #c0152a99;letter-spacing:.5px;margin:2rem 0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.pulse-btn:hover{transform:scale(1.05);box-shadow:0 12px 50px #c0152abf}.pulse-btn:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:100px;border:2px solid rgba(192,21,42,.5);animation:pulse-ring 2s ease infinite}.pulse-btn:after{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:100px;border:1px solid rgba(192,21,42,.25);animation:pulse-ring 2s .5s ease infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.15);opacity:0}}.emergency-note{font-size:.85rem;color:#fafaf880}.recipient-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem;align-items:start}.map-container{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;aspect-ratio:4/3;position:relative}.map-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a0f12,#261418);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.map-dots{position:absolute;top:0;right:0;bottom:0;left:0}.map-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--crimson);box-shadow:0 0 10px var(--crimson),0 0 20px #c0152a66}.map-dot:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--crimson);opacity:.4;animation:ripple 2s ease infinite}.map-dot:nth-child(2):after{animation-delay:.5s}.map-dot:nth-child(3):after{animation-delay:1s}.map-dot:nth-child(4):after{animation-delay:1.5s}@keyframes ripple{0%{transform:scale(1);opacity:.6}to{transform:scale(3);opacity:0}}.map-center{width:16px;height:16px;border-radius:50%;background:#4caf50;box-shadow:0 0 15px #4caf50;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.map-center:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid rgba(76,175,80,.5);animation:ripple 2s ease infinite}.map-radius-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;border:1px dashed rgba(192,21,42,.4);background:#c0152a0a}.map-label{font-size:.75rem;color:var(--warm-gray);position:absolute;bottom:1rem;left:50%;transform:translate(-50%);white-space:nowrap;background:#1a1410cc;padding:.3rem .8rem;border-radius:100px;border:1px solid rgba(255,255,255,.1)}.search-panel{display:flex;flex-direction:column;gap:1.5rem}.radius-slider-wrap{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem}.radius-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.radius-label{font-size:.82rem;font-weight:600;color:#fafaf899;text-transform:uppercase;letter-spacing:.8px}.radius-value{font-family:Syne,sans-serif;font-size:1.2rem;font-weight:800;color:var(--crimson-light)}.slider{width:100%;height:4px;-webkit-appearance:none;background:linear-gradient(to right,var(--crimson) 0%,var(--crimson) 50%,rgba(255,255,255,.1) 50%);border-radius:4px;outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 0 8px #c0152a80;cursor:pointer;transition:box-shadow .2s}.slider::-webkit-slider-thumb:hover{box-shadow:0 0 16px #c0152acc}.donors-found{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.donors-found-header{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.donors-found-title{font-family:Syne,sans-serif;font-size:.95rem;font-weight:700}.found-count{background:var(--crimson);color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:100px}.donor-list-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s}.donor-list-item:last-child{border-bottom:none}.donor-list-item:hover{background:#ffffff08}.donor-avatar-sm{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--crimson-dark),var(--crimson-light));display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:700;font-size:.85rem;flex-shrink:0}.donor-info-sm{flex:1}.donor-name-sm{font-size:.9rem;font-weight:600}.donor-meta{font-size:.75rem;color:var(--warm-gray)}.blood-tag{font-family:Syne,sans-serif;font-size:.85rem;font-weight:800;color:var(--crimson-light);background:#c0152a1a;border:1px solid rgba(192,21,42,.3);padding:.2rem .5rem;border-radius:6px}.contact-btns{display:flex;gap:.4rem}.btn-whatsapp,.btn-call{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;text-decoration:none}.btn-whatsapp:hover{background:#25d36626;border-color:#25d36666}.btn-call:hover{background:#2196f326;border-color:#2196f366}@media(max-width:768px){.recipient-grid{grid-template-columns:1fr}}.dashboard-section{background:#ffffff04}.dashboard-grid{display:grid;grid-template-columns:300px 1fr;gap:2rem;margin-top:3rem}.donor-profile-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;text-align:center;position:relative;overflow:hidden}.donor-profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(135deg,var(--crimson) 0%,#FF4433 100%)}.avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#c0152a,#ff6b2b);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;margin:1rem auto;position:relative;z-index:1;border:3px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0000004d}.donor-name{font-family:Syne,sans-serif;font-weight:700;font-size:1.1rem;margin-bottom:.2rem}.blood-badge{display:inline-block;background:var(--crimson);color:#fff;font-family:Syne,sans-serif;font-weight:800;font-size:1.1rem;padding:.3rem .8rem;border-radius:8px;margin:.5rem 0;box-shadow:0 2px 10px var(--shadow-red)}.status-toggle{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:1.2rem 0;font-size:.85rem;font-weight:600}.toggle-switch{width:48px;height:26px;background:#4caf50;border-radius:13px;position:relative;cursor:pointer;transition:background .3s}.toggle-switch.off{background:#fff3}.toggle-switch:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px #0000004d}.toggle-switch.on:after{transform:translate(22px)}.donor-stats{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.2rem}.mini-stat{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.8rem}.mini-stat .num{font-family:Syne,sans-serif;font-size:1.4rem;font-weight:800;color:var(--crimson-light)}.mini-stat .lbl{font-size:.72rem;color:var(--warm-gray);text-transform:uppercase;letter-spacing:.5px}.timer-card{background:#c0152a1a;border:1px solid rgba(192,21,42,.3);border-radius:12px;padding:1rem;margin-top:1rem}.timer-label{font-size:.75rem;color:#fafaf880;text-transform:uppercase;letter-spacing:.8px;margin-bottom:.4rem}.timer-value{font-family:Syne,sans-serif;font-size:1.8rem;font-weight:800;color:var(--crimson-light);letter-spacing:-1px}.timer-sub{font-size:.75rem;color:var(--warm-gray)}.dashboard-main{display:flex;flex-direction:column;gap:1.5rem}.dash-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.8rem}.dash-card-title{font-family:Syne,sans-serif;font-size:1rem;font-weight:700;margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem}.requests-list{display:flex;flex-direction:column;gap:.8rem}.request-item{display:flex;align-items:center;gap:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem 1.2rem;transition:all .2s}.request-item:hover{border-color:#c0152a4d;background:#c0152a0d}.req-blood{font-family:Syne,sans-serif;font-weight:800;font-size:1.1rem;color:var(--crimson-light);min-width:40px}.req-info{flex:1}.req-name{font-weight:600;font-size:.9rem}.req-location{font-size:.8rem;color:var(--warm-gray)}.req-urgency{font-size:.72rem;font-weight:700;padding:.25rem .7rem;border-radius:100px;text-transform:uppercase;letter-spacing:.5px}.urgent{background:#ff444426;color:#ff6b6b;border:1px solid rgba(255,68,68,.3)}.normal{background:#fbbf2426;color:#fbb924;border:1px solid rgba(251,191,36,.3)}.req-actions{display:flex;gap:.5rem}.btn-accept{background:#4caf5026;border:1px solid rgba(76,175,80,.4);color:#4caf50;padding:.4rem 1rem;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-accept:hover{background:#4caf5040}.btn-decline{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--warm-gray);padding:.4rem .8rem;border-radius:8px;font-size:.82rem;cursor:pointer;transition:all .2s}.btn-decline:hover{border-color:#f446;color:#ff6b6b}.badges-grid{display:flex;gap:.8rem;flex-wrap:wrap}.badge{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#ffffff0a;border-radius:12px;padding:.8rem 1.2rem;min-width:80px;border:1px solid rgba(255,255,255,.06);transition:all .2s}.badge.earned{border-color:#fbbf2466;background:#fbbf2414}.badge:hover{transform:translateY(-3px)}.badge-icon{font-size:1.8rem}.badge-name{font-size:.7rem;font-weight:600;text-align:center;color:var(--warm-gray)}.badge.earned .badge-name{color:#fbb924}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.donor-card-section{background:linear-gradient(135deg,#1a0e10,#1a1410)}.card-preview{max-width:380px;margin:3rem auto 0;background:linear-gradient(135deg,#8b0d1d,#c0152a,#e8293f);border-radius:20px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #c0152a80;animation:float 4s ease-in-out infinite}.card-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M100 20 C60 20, 30 50, 30 90 C30 140, 100 180, 100 180 C100 180, 170 140, 170 90 C170 50, 140 20, 100 20Z' fill='rgba(255,255,255,0.04)'/%3E%3C/svg%3E") no-repeat center;background-size:cover;pointer-events:none}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.card-logo{font-family:Syne,sans-serif;font-weight:800;font-size:1.2rem}.card-qr{width:60px;height:60px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.5rem;color:#333;padding:4px}.qr-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5px;width:100%;height:100%}.qr-cell{border-radius:1px}.card-blood{font-family:Syne,sans-serif;font-size:3.5rem;font-weight:800;color:#fff;line-height:1;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.card-name{font-size:1.1rem;font-weight:600;color:#ffffffe6;margin-bottom:.2rem}.card-id{font-size:.75rem;color:#ffffff80}.card-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.card-contact{font-size:.8rem;color:#ffffffb3}.card-verified{display:flex;align-items:center;gap:.3rem;background:#ffffff26;padding:.3rem .7rem;border-radius:100px;font-size:.72rem;font-weight:600}.compat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem}.compat-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease;cursor:default}.compat-card:hover{border-color:#c0152a66;background:#c0152a0f;transform:translateY(-4px)}.compat-type{font-family:Syne,sans-serif;font-size:2rem;font-weight:800;color:var(--crimson-light);margin-bottom:.8rem}.compat-info{font-size:.75rem;color:var(--warm-gray);line-height:1.5}.compat-info strong{color:#fafaf8cc}@media(max-width:768px){.compat-grid{grid-template-columns:repeat(2,1fr)}}.testimonials-section{background:#ffffff04}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.testimonial-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:2rem;position:relative;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-5px);border-color:#c0152a4d}.quote-mark{font-family:Syne,sans-serif;font-size:4rem;color:#c0152a40;line-height:1;margin-bottom:.5rem}.testimonial-text{font-size:.9rem;line-height:1.7;color:#fafaf8b3;margin-bottom:1.5rem}.testimonial-author{display:flex;align-items:center;gap:.8rem}.author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--blood),var(--crimson));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.author-name{font-weight:700;font-size:.9rem}.author-role{font-size:.75rem;color:var(--warm-gray)}@media(max-width:768px){.testimonials-grid{grid-template-columns:1fr}}footer{background:#0a0505f2;border-top:1px solid rgba(192,21,42,.2);padding:3rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand p{color:var(--warm-gray);font-size:.85rem;line-height:1.7;margin-top:1rem;max-width:280px}.footer-col h4{font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fafaf866;margin-bottom:1rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-col ul li a{color:var(--warm-gray);text-decoration:none;font-size:.875rem;transition:color .2s}.footer-col ul li a:hover{color:var(--white)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);padding-top:2rem;font-size:.82rem;color:#8c7b7299}.footer-bottom a{color:var(--crimson-light);text-decoration:none}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}}.chatbot-fab{position:fixed;bottom:2rem;right:2rem;z-index:200}.chat-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--crimson) 0%,#E8293F 100%);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 24px #c0152a80;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.chat-btn:hover{transform:scale(1.1) rotate(5deg)}.chat-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#4caf50;border-radius:50%;border:2px solid var(--charcoal);font-size:.6rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;animation:blink 2s ease infinite}.chat-window{position:absolute;bottom:80px;right:0;width:340px;background:#1c1410f7;border:1px solid rgba(192,21,42,.3);border-radius:20px;overflow:hidden;display:none;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0009;max-height:500px}.chat-window.open{display:flex;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{background:linear-gradient(135deg,var(--crimson-dark) 0%,var(--crimson) 100%);padding:1rem 1.2rem;display:flex;align-items:center;gap:.8rem}.chat-avatar{width:36px;height:36px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.chat-header-info .name{font-size:.9rem;font-weight:700}.chat-header-info .status{font-size:.72rem;color:#ffffffb3}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.8rem;max-height:320px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.msg{max-width:85%;padding:.7rem 1rem;border-radius:14px;font-size:.85rem;line-height:1.4}.msg-bot{background:#ffffff12;border:1px solid rgba(255,255,255,.08);align-self:flex-start;border-radius:4px 14px 14px}.msg-user{background:var(--crimson);align-self:flex-end;border-radius:14px 14px 4px}.quick-replies{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.quick-reply{font-size:.75rem;background:#c0152a26;border:1px solid rgba(192,21,42,.35);color:#ff8a95;padding:.25rem .7rem;border-radius:100px;cursor:pointer;transition:all .2s;white-space:nowrap}.quick-reply:hover{background:#c0152a4d;color:#fff}.chat-input-wrap{display:flex;gap:.5rem;padding:.8rem;border-top:1px solid rgba(255,255,255,.06)}.chat-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:.6rem 1rem;color:#fff;font-family:DM Sans,sans-serif;font-size:.85rem;outline:none}.chat-input:focus{border-color:var(--crimson)}.chat-input::placeholder{color:#ffffff4d}.chat-send{width:36px;height:36px;background:var(--crimson);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s;flex-shrink:0}.chat-send:hover{background:var(--crimson-light);transform:scale(1.05)}.typing-indicator{display:flex;gap:4px;align-items:center;padding:.5rem 0}.typing-indicator span{width:6px;height:6px;background:#fff6;border-radius:50%;animation:typing 1.2s ease infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1);opacity:1}}@media(max-width:768px){.chat-window{width:300px;right:-10px}}.toast{position:fixed;top:5rem;right:2rem;z-index:300;background:#1c1410f7;border:1px solid rgba(192,21,42,.4);border-radius:14px;padding:1rem 1.3rem;max-width:320px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:none;align-items:flex-start;gap:.8rem;box-shadow:0 8px 30px #00000080;animation:slideInRight .4s ease}.toast.show{display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.toast-icon{font-size:1.5rem;flex-shrink:0}.toast-title{font-weight:700;font-size:.9rem;margin-bottom:.2rem}.toast-msg{font-size:.8rem;color:var(--warm-gray);line-height:1.4}.toast-close{cursor:pointer;color:var(--warm-gray);font-size:1.2rem;margin-left:auto;padding:0 .2rem}