@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-duration:initial}}}.absolute{position:absolute}.relative{position:relative}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-full{height:100%}.h-px{height:1px}.min-h-dvh{min-height:100dvh}.w-full{width:100%}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.object-cover{object-fit:cover}.text-center{text-align:center}.uppercase{text-transform:uppercase}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.duration-300{--tw-duration:.3s;transition-duration:.3s}:root{--pink-light:#fce8f0;--pink:#f8c8dc;--pink-mid:#f0a0c0;--cherry:#d14b6a;--cherry-dark:#b03358;--brown:#6b2d2d;--brown-light:#9b5555;--cream:#fff5f8;--white:#fff;--text-primary:#2d1515;--text-secondary:#6b3a3a;--shadow-soft:0 4px 24px #d14b6a1f;--shadow-card:0 8px 40px #6b2d2d1a;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--text-primary);min-height:100dvh;font-family:DM Sans,sans-serif;overflow-x:hidden}.bg-blob{filter:blur(80px);opacity:.35;pointer-events:none;z-index:0;border-radius:50%;position:fixed}.bg-blob-1{background:var(--pink);width:400px;height:400px;top:-100px;right:-100px}.bg-blob-2{background:#ffd6e7;width:300px;height:300px;bottom:100px;left:-80px}.card{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-card);z-index:1;background:#ffffffd9;border:1px solid #f8c8dc80;border-radius:28px;position:relative}.btn-primary{background:linear-gradient(135deg, var(--cherry), var(--cherry-dark));color:#fff;cursor:pointer;transition:var(--transition);letter-spacing:.01em;border:none;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 2.5rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 4px 20px #d14b6a59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #d14b6a73}.btn-primary:active{transform:scale(.97)}.btn-secondary{color:var(--cherry);cursor:pointer;transition:var(--transition);background:#f8c8dc66;border:1.5px solid #d14b6a40;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 2rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:#f8c8dc99;transform:translateY(-1px)}.btn-secondary:active{transform:scale(.97)}.option-btn{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition);background:#ffffffb3;border:2px solid #f8c8dc99;border-radius:18px;align-items:center;gap:.875rem;padding:1rem 1.25rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;display:flex}.option-btn:hover{border-color:var(--cherry);background:#f8c8dc4d;transform:translate(4px)}.option-btn:active{transform:scale(.98)}.option-btn.selected{border-color:var(--cherry);color:var(--cherry-dark);background:linear-gradient(135deg,#d14b6a1f,#f8c8dc4d)}.option-btn.correct{color:#2a7a56;background:linear-gradient(135deg,#48c78e26,#48c78e0d);border-color:#48c78e}.option-btn.incorrect{border-color:var(--cherry);color:var(--cherry-dark);background:linear-gradient(135deg,#d14b6a1a,#d14b6a0d)}.option-letter{width:32px;height:32px;color:var(--cherry);transition:var(--transition);background:#f8c8dc80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.selected .option-letter{background:var(--cherry);color:#fff}.progress-track{background:#f8c8dc66;border-radius:100px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--cherry), #e87a9a);border-radius:100px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.font-display{font-family:Fraunces,Georgia,serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{opacity:.4;transform:scale(1)}50%{opacity:.2;transform:scale(1.08)}to{opacity:.4;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-up{animation:.5s both fadeInUp}.animate-fade-in{animation:.4s both fadeIn}.animate-scale-in{animation:.4s cubic-bezier(.34,1.56,.64,1) both scaleIn}.animate-float{animation:3s ease-in-out infinite float}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.score-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.pulse-ring{background:radial-gradient(circle,#d14b6a33,#0000);border-radius:50%;animation:2s ease-in-out infinite pulse-ring;position:absolute;inset:-8px}.input-field{width:100%;color:var(--text-primary);transition:var(--transition);background:#fffc;border:2px solid #f8c8dc99;border-radius:18px;outline:none;padding:1rem 1.25rem;font-family:DM Sans,sans-serif;font-size:1rem}.input-field::placeholder{color:#c48a9a}.input-field:focus{border-color:var(--cherry);background:#fff;box-shadow:0 0 0 4px #d14b6a14}.certificate-card{background:linear-gradient(145deg,#fff5f8,#ffe8f0);border:2px solid #d14b6a33;border-radius:24px;position:relative;overflow:hidden}.certificate-card:before{content:"";background:linear-gradient(90deg, var(--cherry), var(--pink-mid), var(--cherry));height:4px;position:absolute;top:0;left:0;right:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--pink-mid);border-radius:100px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}