:root{--color-primary: #5b7c99;--color-secondary: #7ba3cc;--color-background: #f5f7fa;--color-surface: #e8ecf1;--color-text: #2c3e50;--color-border: #e2e8f0;--color-primary-dark: #6b91b8;--color-secondary-dark: #4a7ba7;--color-background-dark: #1a2332;--color-surface-dark: #242d3e;--color-text-dark: #f7fafc;--color-border-dark: #4a5568}[data-theme=dark]{--color-primary: var(--color-primary-dark);--color-secondary: var(--color-secondary-dark);--color-background: var(--color-background-dark);--color-surface: var(--color-surface-dark);--color-text: var(--color-text-dark);--color-border: var(--color-border-dark)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Inter,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#ffffff80}[data-theme=dark] ::-webkit-scrollbar-track{background:#0003}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff6}*{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease}*:focus{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary);color:#fff}video{background:#000;border-radius:8px}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.glass-dark{background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.animate-float{animation:float 20s ease-in-out infinite}.animate-slide-in{animation:slideIn .3s ease-out}.animate-slide-out{animation:slideOut .3s ease-in}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-out{animation:fadeOut .3s ease-in}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.hover-scale:hover{transform:scale(1.05)}.hover-glow:hover{box-shadow:0 0 20px #667eea66}.text-gradient{background:linear-gradient(45deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(45deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.card-glass{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #0000001a}@media(max-width:768px){.mobile-hidden{display:none}.mobile-full{width:100%}}@media print{.no-print{display:none!important}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rotateIn{0%{transform:rotate(-180deg) scale(.8);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes slideOutToTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes slideOutToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea80}50%{box-shadow:0 0 20px #667eeacc}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.2)}}@keyframes videoFadeIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes videoSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes messageSlideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes typingIndicator{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.animate-slide-in-top{animation:slideInFromTop .5s ease-out}.animate-slide-in-bottom{animation:slideInFromBottom .5s ease-out}.animate-slide-in-left{animation:slideInFromLeft .5s ease-out}.animate-slide-in-right{animation:slideInFromRight .5s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-rotate-in{animation:rotateIn .5s ease-out}.animate-slide-out-top{animation:slideOutToTop .3s ease-in}.animate-slide-out-bottom{animation:slideOutToBottom .3s ease-in}.animate-slide-out-left{animation:slideOutToLeft .3s ease-in}.animate-slide-out-right{animation:slideOutToRight .3s ease-in}.animate-scale-out{animation:scaleOut .3s ease-in}.animate-bounce{animation:bounce 1s ease-in-out}.animate-wiggle{animation:wiggle .5s ease-in-out}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-wave{animation:wave 1s ease-in-out infinite}.animate-video-fade-in{animation:videoFadeIn .5s ease-out}.animate-video-slide-in{animation:videoSlideIn .3s ease-out}.animate-message-slide-in{animation:messageSlideIn .3s ease-out}.animate-typing{animation:typingIndicator 1.5s ease-in-out infinite}.animate-stagger-1{animation-delay:.1s}.animate-stagger-2{animation-delay:.2s}.animate-stagger-3{animation-delay:.3s}.animate-stagger-4{animation-delay:.4s}.animate-stagger-5{animation-delay:.5s}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-auto{will-change:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}