body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{background:#0f1f3d;justify-content:center;align-items:center;height:100vh;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.container{width:100%;max-width:700px;padding:0 20px}.card{background:#fff;border-radius:28px;padding:48px;box-shadow:0 2px 4px #0000001a,0 8px 24px #00000026,0 32px 64px #0003}.header{text-align:center;margin-bottom:32px}.header-badge{color:#0f1f3d;letter-spacing:.12em;text-transform:uppercase;background:#f7e96e;border-radius:999px;margin-bottom:16px;padding:5px 16px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;display:inline-block}h1{letter-spacing:-.04em;color:#0f1f3d;margin-bottom:6px;font-family:Syne,sans-serif;font-size:3rem;font-weight:800;line-height:1.05}.app-subtitle{letter-spacing:.18em;text-transform:uppercase;color:#94a3b8;margin-bottom:10px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700}.subtitle{color:#94a3b8;max-width:380px;margin:0 auto;font-size:.9rem;font-weight:400;line-height:1.7}.quiz-subtitle{letter-spacing:.14em;text-transform:uppercase;color:#94a3b8;margin-top:3px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700}.divider-line{background:#f1f5f9;height:1px;margin-bottom:32px}.divider{color:#cbd5e1;align-items:center;gap:12px;margin:22px 0;font-size:.85rem;font-weight:500;display:flex}.divider:before,.divider:after{content:"";background:#f1f5f9;flex:1;height:1px}.section{margin-bottom:4px}.label{color:#0f1f3d;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;display:block}.textarea{color:#0f1f3d;resize:none;background:#fafafa;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;width:100%;height:135px;padding:14px 16px;font-family:Inter,sans-serif;font-size:.92rem;font-weight:400;line-height:1.7;transition:border-color .2s,box-shadow .2s,background .2s}.textarea:focus{background:#fff;border-color:#0f1f3d;box-shadow:0 0 0 3px #0f1f3d14}.textarea::placeholder{color:#c4cdd8;font-weight:400}.upload-box{text-align:center;cursor:pointer;background:#fafafa;border:1.5px dashed #d4d8e0;border-radius:14px;padding:22px;transition:border-color .2s,background .2s,box-shadow .2s}.upload-box:hover{background:#f7f8fa;border-color:#0f1f3d;box-shadow:0 0 0 3px #0f1f3d0f}.upload-icon-circle{background:#f7e96e;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 10px;display:flex}.upload-text{color:#0f1f3d;margin-bottom:4px;font-family:Inter,sans-serif;font-size:.92rem;font-weight:700}.upload-hint{color:#b0bac4;font-size:.78rem;font-weight:400}.upload-success{color:#0f1f3d;font-size:.9rem;font-weight:700}.btn-generate{color:#f7e96e;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#0f1f3d;border:none;border-radius:14px;width:100%;margin-top:28px;padding:16px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 16px #0f1f3d40}.btn-generate:hover:not(:disabled){opacity:.88;transform:translateY(-2px);box-shadow:0 8px 24px #0f1f3d4d}.btn-generate:active:not(:disabled){transform:translateY(0)}.btn-generate:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.error-text{color:#e53e3e;text-align:center;margin-top:16px;font-size:.85rem;font-weight:500}.quiz-card{padding:40px}.quiz-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.quiz-header h1{color:#0f1f3d;margin-bottom:2px;font-size:2rem}.quiz-header .header-badge{margin-bottom:8px}.btn-reset{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #e2e8f0;border-radius:10px;margin-top:4px;padding:8px 18px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;transition:all .2s}.btn-reset:hover{color:#0f1f3d;background:#f7f8fa;border-color:#0f1f3d}.flashcard-wrapper{perspective:1200px;margin-bottom:8px}.card-counter{text-align:center;color:#b0bac4;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700}.flashcard{cursor:pointer;width:100%;height:270px;transform-style:preserve-3d;border-radius:20px;transition:transform .55s cubic-bezier(.4,0,.2,1);position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.flashcard-front,.flashcard-back{backface-visibility:hidden;text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:36px;display:flex;position:absolute;top:0;left:0}.flashcard-front{background:#fffef0;border:2px solid #f7e96e;transform:rotateY(0)}.flashcard-back{background:#0f1f3d;transform:rotateY(180deg)}.card-label{letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;font-family:Inter,sans-serif;font-size:.68rem;font-weight:700}.flashcard-front .card-label{color:#b09a00}.flashcard-back .card-label{color:#f7e96e}.card-text{color:#0f1f3d;margin-bottom:20px;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:600;line-height:1.65}.flashcard-back .card-text{color:#fff}.card-hint{color:#b0a060;font-family:Inter,sans-serif;font-size:.73rem;font-weight:500}.flashcard-back .card-hint{color:#ffffff59}.nav-buttons{gap:12px;margin-top:20px;display:flex}.btn-nav{color:#4a5568;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex:1;padding:14px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:700;transition:all .2s}.btn-nav:hover:not(:disabled){color:#0f1f3d;background:#f7f8fa;border-color:#0f1f3d}.btn-nav-next{color:#f7e96e;background:#0f1f3d;border:none;box-shadow:0 4px 12px #0f1f3d33}.btn-nav-next:hover:not(:disabled){color:#f7e96e;opacity:.88;background:#0f1f3d;transform:translateY(-1px)}.btn-nav:disabled{opacity:.25;cursor:not-allowed;transform:none}