*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#1f2937 0,#020617 45%,#000);color:#e5e7eb}.app-main{padding:32px 16px;max-width:960px;margin:0 auto 40px}nav{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(90deg,#0f172aeb,#1e40afe6);color:#fff;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #0f172ab3}nav h2{margin:0;font-size:1.3rem;letter-spacing:.03em}nav .links{display:flex;gap:20px}nav a{color:#e5e7eb;text-decoration:none;font-weight:500;font-size:.95rem;position:relative}nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:#38bdf8;transition:width .2s ease}nav a:hover:after{width:100%}.hero-card,.form-card,.glass-card,.result-card,.question-editor{background:radial-gradient(circle at top left,#1f2937aa,#020617aa);border-radius:18px;border:1px solid rgba(148,163,184,.35);box-shadow:0 18px 45px #0f172ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-card{padding:28px 26px;margin-top:32px}.hero-card h1{margin-top:0;font-size:2rem;color:#f9fafb}.hero-card p{margin:4px 0;color:#cbd5f5}.glass-card{padding:20px 22px;margin:16px 0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.glass-card:hover{transform:translateY(-3px);border-color:#38bdf8b3;box-shadow:0 22px 50px #0f172af2}.glass-card h3{margin-top:0;margin-bottom:4px;color:#f9fafb}.glass-card p{margin:0;color:#e5e7eb;opacity:.8}.form-card{padding:24px 22px;margin-top:24px}.form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;font-size:.9rem;color:#e5e7eb}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.7);font-size:.95rem;background:#0f172acc;color:#e5e7eb}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf866}.question-editor{padding:16px;margin-top:14px}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600;color:#e5e7eb}.option-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.option-label{width:20px;font-weight:600;color:#cbd5f5}.primary-button{padding:12px 22px;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;border:none;border-radius:999px;cursor:pointer;font-weight:600;font-size:.95rem;box-shadow:0 12px 30px #2563eb99;transition:transform .12s ease,box-shadow .12s ease}.primary-button:hover{transform:translateY(-1px);box-shadow:0 18px 40px #2563ebe6}.secondary-button{padding:10px 18px;background:transparent;border-radius:999px;border:1px solid #38bdf8;color:#e0f2fe;cursor:pointer;font-weight:500;font-size:.9rem}.secondary-button:hover{background:#38bdf81f}.link-button{background:none;border:none;padding:0;color:#38bdf8;cursor:pointer;font-size:.85rem}.link-button.danger{color:#f97373}.error-text{color:#fecaca;margin-bottom:10px;font-size:.9rem}.question-block{margin-bottom:24px}.question-block h3{margin-bottom:10px;color:#f9fafb}.option-button{display:block;width:100%;padding:11px 14px;margin:6px 0;border-radius:12px;border:1px solid rgba(148,163,184,.7);background:#0f172abf;color:#e5e7eb;text-align:left;cursor:pointer;font-size:.95rem;transition:background .12s ease,border-color .12s ease,transform .08s ease}.option-button:hover{background:#1e40afb3;border-color:#38bdf8}.option-button.selected{background:linear-gradient(135deg,#2563ebe6,#22c55eaa);border-color:#4ade80;transform:translateY(-1px)}.result-card{padding:16px 18px;margin:14px 0}.result-card p{margin:4px 0}.app-main{padding:20px}@media(max-width:600px){.app-main{padding:12px}nav h2{font-size:20px}nav .links{gap:12px}.option-grid{grid-template-columns:1fr!important}button{width:100%}.form-card{padding:15px!important}.question-editor{padding:12px!important}}.form-card{max-width:700px;margin:auto;padding:25px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border-radius:8px}@media(max-width:600px){nav{padding:14px 16px!important}nav h2{font-size:20px!important}nav .links{gap:14px!important;margin-top:8px;flex-wrap:wrap}.app-main{padding:16px!important}.glass-card{width:100%!important;margin:0 auto!important;padding:18px!important}.option-grid{grid-template-columns:1fr!important;gap:10px!important}.option-grid button{width:100%!important;padding:12px!important}.submit-btn{width:100%!important;padding:14px!important;font-size:17px!important;margin-top:20px!important}}