html,body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}h1{font-size:2.25rem;font-weight:900;letter-spacing:-.025em}h2{font-size:1.875rem;font-weight:900;letter-spacing:-.025em}h3{font-size:1.25rem!important;font-weight:800!important;letter-spacing:-.025em!important}p,span,div,button,input,select,textarea{font-size:1rem;line-height:1.5rem}.text-xs{font-size:.875rem!important;line-height:1.25rem!important}.text-sm{font-size:1rem!important;line-height:1.5rem!important}.text-base{font-size:1.125rem!important;line-height:1.75rem!important}.text-lg{font-size:1.25rem!important;line-height:1.75rem!important}.text-xl{font-size:1.5rem!important;line-height:2rem!important}.text-2xl{font-size:1.875rem!important;line-height:2.25rem!important}.glass-card{background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003;transition:all .3s ease}.dark .glass-card{background:#0f172a66;border:1px solid rgba(255,255,255,.08)}.glass-card:hover{border-color:#fff3;transform:translateY(-2px)}.simulator-tab{padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;color:#fff9;transition:all .2s ease;cursor:pointer}.simulator-tab.active{background:#3b82f6;color:#fff}.topic-btn{width:100%;text-align:left;padding:1rem;border-radius:.75rem;border:1px solid transparent;background:#ffffff08;transition:all .2s ease}.topic-btn:hover{background:#ffffff14}.topic-btn.active{background:#3b82f61a;border-color:#3b82f64d}.font-display{font-family:Outfit,Inter,system-ui,sans-serif}@keyframes loading-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes nib-glow{0%,to{filter:drop-shadow(0 0 2px rgba(13,127,242,.4));opacity:.8}50%{filter:drop-shadow(0 0 12px rgba(13,127,242,.8));opacity:1}}.animate-loading-float{animation:loading-float 2s ease-in-out infinite}.animate-nib-glow{animation:nib-glow 1.5s ease-in-out infinite}.animate-spin-slow{animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}