:root{--nuri-purple: #4F46E5;--nuri-purple-light: #6366F1;--nuri-purple-dark: #3730A3;--nuri-btn-primary: #2563EB;--nuri-orange: #F97316;--nuri-yellow: #FFD166;--nuri-yellow-light: #FDE68A;--nuri-gold-cert: #FACC15;--nuri-green: #10B981;--nuri-green-light: #34D399;--nuri-green-prog: #22C55E;--nuri-amber: #F59E0B;--nuri-red: #EF4444;--nuri-cyan: #06B6D4;--nuri-bg: #F8FAFC;--nuri-bg-secondary: #EEF2FF;--nuri-bg-card: #FFFFFF;--nuri-text: #1E293B;--nuri-text-light: #64748B;--nuri-input-border: #C7D2FE;--nuri-radius: 16px;--nuri-radius-lg: 24px;--nuri-shadow: 0 4px 12px rgba(79, 70, 229, .15);--nuri-shadow-lg: 0 8px 24px rgba(79, 70, 229, .2);--nuri-font-latin: "Nunito", sans-serif;--nuri-font-arabic: "Amiri", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--nuri-bg);font-family:var(--nuri-font-latin);color:var(--nuri-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#app{min-height:100vh}[dir=rtl] body,[dir=rtl]{font-family:var(--nuri-font-arabic);text-align:right}[dir=rtl] .nuri-btn-star:before{margin-right:0;margin-left:6px}.nuri-card{background:var(--nuri-bg-card);border-radius:var(--nuri-radius-lg);box-shadow:var(--nuri-shadow);padding:24px}.nuri-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px;border-radius:var(--nuri-radius);font-weight:700;font-size:1rem;border:none;cursor:pointer;padding:10px 24px;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease;font-family:inherit;line-height:1.4;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.nuri-btn:active{transform:scale(.96)}.nuri-btn-primary{background-color:var(--nuri-btn-primary);color:#fff}.nuri-btn-primary:hover{background-color:var(--nuri-purple);box-shadow:var(--nuri-shadow)}.nuri-btn-secondary{background-color:#fff;color:var(--nuri-purple);border:2px solid var(--nuri-purple)}.nuri-btn-secondary:hover{background-color:var(--nuri-bg-secondary)}.nuri-btn-star{background-color:var(--nuri-yellow);color:var(--nuri-text)}.nuri-btn-star:before{content:"⭐";margin-right:6px;font-size:1.1em}.nuri-btn-star:hover{background-color:var(--nuri-yellow-light)}.nuri-input{width:100%;height:48px;border-radius:var(--nuri-radius);border:2px solid var(--nuri-input-border);padding:0 16px;font-size:1rem;font-family:inherit;color:var(--nuri-text);background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.nuri-input:focus{border-color:var(--nuri-purple);box-shadow:0 0 0 3px #4f46e526}.nuri-input::placeholder{color:var(--nuri-text-light)}.nuri-badge{display:inline-block;border-radius:999px;font-size:.75rem;font-weight:700;padding:4px 12px;background-color:var(--nuri-purple-light);color:#fff}.nuri-container{max-width:480px;margin:0 auto;padding:16px}.nuri-flex-center{display:flex;align-items:center;justify-content:center}.nuri-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nuri-progress{background:var(--nuri-bg-secondary);border-radius:999px;height:12px;overflow:hidden}.nuri-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--nuri-green-prog),var(--nuri-green));transition:width .4s ease}@keyframes nuri-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes nuri-sparkle{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:.8}}@keyframes nuri-star-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}@keyframes nuri-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes nuri-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nuri-animate-bounce{animation:nuri-bounce .6s ease}.nuri-animate-sparkle{animation:nuri-sparkle .8s ease}.nuri-animate-star-pop{animation:nuri-star-pop .5s ease forwards}.nuri-animate-shake{animation:nuri-shake .4s ease}.nuri-animate-fade-in{animation:nuri-fade-in .5s ease forwards}button,[role=button],input[type=submit],input[type=button]{min-height:48px;min-width:48px}@media (min-width: 768px){.nuri-container{max-width:600px;padding:24px}}