body{color:#1e293b;background:#f8fafc;margin:0;font-family:Inter,sans-serif}.container{background:#fff;border-radius:12px;width:90%;max-width:700px;margin:40px auto;padding:32px;box-shadow:0 10px 25px #0000000d}h1{margin-top:0;font-size:28px}button,.button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:10px 16px}button:hover{background:#1d4ed8}.option{border:1px solid #e2e8f0;border-radius:8px;margin:12px 0;padding:14px;transition:all .2s}.option:hover{background:#f1f5f9;border-color:#2563eb}.progressWrapper{background:#e5e7eb;border-radius:999px;width:100%;height:10px;margin-bottom:10px}.progressBar{background:#2563eb;border-radius:999px;height:100%;transition:all .3s}.option.selected{background:#eff6ff;border-color:#2563eb}button:disabled{cursor:not-allowed;background:#94a3b8}.hero{background:linear-gradient(135deg,#2563eb,#1e3a8a);justify-content:center;align-items:center;height:100vh;display:flex}.heroCard{text-align:center;background:#fff;border-radius:16px;max-width:500px;padding:40px;box-shadow:0 20px 40px #00000026}.subtitle{color:#555;margin:16px 0 24px}.buttonGroup{justify-content:center;gap:12px;display:flex}.linkTest{color:#2563eb;margin-top:20px;font-size:14px;text-decoration:none;display:block}.authWrapper{background:linear-gradient(135deg,#2563eb,#1e3a8a);justify-content:center;align-items:center;height:100vh;display:flex}.authCard{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 40px #00000026}.subtitle{color:#555;margin-bottom:20px;font-size:14px}.form{flex-direction:column;gap:12px;display:flex}.errorText{color:#dc2626;font-size:14px}.switchText{text-align:center;margin-top:20px;font-size:14px}.successText{color:#16a34a;font-size:14px}.dashboard{max-width:1000px;margin:auto;padding:40px}.dashboardHeader{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.dashboardGrid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.card{background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:24px;display:flex;box-shadow:0 10px 20px #0000000d}.card.full{grid-column:span 2}.quizWrapper{justify-content:center;padding:40px;display:flex}.quizCard{background:#fff;border-radius:16px;width:100%;max-width:700px;padding:30px;box-shadow:0 20px 40px #00000014}.questionBlock{margin-bottom:25px}.questionText{margin-bottom:10px;font-weight:600}.progressText{color:#555;margin-bottom:20px;font-size:14px}.radioCircle{border:2px solid #2563eb;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-right:10px;display:flex}.dot{background:#2563eb;border-radius:50%;width:8px;height:8px}.figmaAuthWrapper{background:#fdfbf3;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.blob{filter:blur(40px);opacity:.55;z-index:0;border-radius:50%;position:absolute}.blob1{background:#ffe28a;width:260px;height:260px;top:-60px;right:15%}.blob2{background:#ffb6c9;width:220px;height:220px;top:30%;right:-60px}.blob3{background:#b8def5;width:240px;height:240px;bottom:-60px;left:10%}.blob4{background:#b9f0c5;width:200px;height:200px;bottom:-40px;right:20%}.figmaAuthContent{z-index:1;text-align:center;width:100%;max-width:420px;position:relative}.figmaAuthTitle{color:#2e2b5f;margin-bottom:24px;font-size:28px;font-weight:800;line-height:1.3}.figmaAuthCard{background:#3d3670;border-radius:24px;padding:32px 28px;box-shadow:0 20px 40px #00000026}.figmaForm{flex-direction:column;gap:16px;display:flex}.figmaForm input{box-sizing:border-box;color:#3d3670;background:#fff;border:none;border-radius:999px;outline:none;width:100%;padding:14px 20px;font-size:14px}.figmaForm input::placeholder{color:#9c96c9}.figmaButtonWrap{justify-content:center;margin-top:8px;display:flex}.pillButton{color:#fff;cursor:pointer;background:#8ec5f0;border:none;border-radius:999px;padding:12px 36px;font-weight:700;transition:all .2s}.pillButton:hover{background:#6fb0e8}.pillButton:disabled{cursor:not-allowed;background:#a9b8c4}.figmaErrorText{color:#ffb4b4;margin:0;font-size:13px}.figmaSwitchText{color:#2e2b5f;margin-top:20px;font-size:14px}.figmaSwitchText a{color:#3d3670;font-weight:700;text-decoration:underline}.figmaSuccessText{color:#b6f0c2;margin:0;font-size:13px}.figmaHomeWrapper{background:#fdfbf3;min-height:100vh;padding:40px 24px;position:relative;overflow:hidden}.hblob1{filter:blur(40px);opacity:.5;z-index:0;background:#ffe28a;border-radius:50%;width:220px;height:220px;position:absolute;top:-50px;left:8%}.hblob2{filter:blur(40px);opacity:.5;z-index:0;background:#ffb6c9;border-radius:50%;width:220px;height:220px;position:absolute;top:10%;right:-60px}.hblob3{filter:blur(40px);opacity:.5;z-index:0;background:#b8def5;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-60px;left:-40px}.hblob4{filter:blur(40px);opacity:.5;z-index:0;background:#b9f0c5;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-40px;right:12%}.figmaHomeHeader{z-index:1;justify-content:space-between;align-items:center;gap:16px;max-width:960px;margin:0 auto 32px;display:flex;position:relative}.figmaHomeHeaderLeft{align-items:center;gap:14px;display:flex}.figmaHomeTitle{color:#2e2b5f;margin:0;font-size:22px;font-weight:800}.figmaHomeSubtitle{color:#6b6690;margin:2px 0 0;font-size:13px}.figmaLogoutButton{color:#3d3670;cursor:pointer;background:0 0;border:2px solid #3d3670;border-radius:999px;padding:8px 20px;font-weight:700;transition:all .2s}.figmaLogoutButton:hover{color:#fff;background:#3d3670}.figmaHomeGrid{z-index:1;grid-template-columns:repeat(2,1fr);gap:20px;max-width:960px;margin:0 auto;display:grid;position:relative}.figmaHomeCard{background:#3d3670;border-radius:20px;flex-direction:column;gap:10px;padding:24px;display:flex;box-shadow:0 12px 24px #00000014}.figmaHomeCard.full{grid-column:span 2}.figmaHomeCard h3{color:#fff;margin:0;font-size:17px}.figmaHomeCard p{color:#cfc9ef;margin:0;font-size:14px;line-height:1.5}.figmaHomeCardButton{color:#fff;cursor:pointer;background:#8ec5f0;border:none;border-radius:999px;align-self:flex-start;margin-top:8px;padding:10px 24px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.figmaHomeCardButton:hover{background:#6fb0e8}.figmaHomeCardButton.secondary{background:0 0;border:2px solid #8ec5f0}.figmaHomeCardButton.secondary:hover{background:#8ec5f0}@media (max-width:640px){.figmaHomeGrid{grid-template-columns:1fr}.figmaHomeCard.full{grid-column:span 1}.figmaHomeHeader{flex-direction:column;align-items:flex-start}}.figmaResultWrapper{background:#fdfbf3;min-height:100vh;padding:40px 20px;position:relative;overflow:hidden}.rblob1{filter:blur(40px);opacity:.5;z-index:0;background:#ffb6c9;border-radius:50%;width:220px;height:220px;position:absolute;top:-40px;right:5%}.rblob2{filter:blur(40px);opacity:.5;z-index:0;background:#b8def5;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-30px;left:6%}.rblob3{filter:blur(40px);opacity:.5;z-index:0;background:#b9f0c5;border-radius:50%;width:180px;height:180px;position:absolute;bottom:10%;right:10%}.figmaResultInner{z-index:1;max-width:720px;margin:0 auto;position:relative}.figmaResultBackButton{color:#3d3670;cursor:pointer;background:0 0;border:2px solid #3d3670;border-radius:999px;margin-bottom:24px;padding:8px 20px;font-weight:700;transition:all .2s}.figmaResultBackButton:hover{color:#fff;background:#3d3670}.figmaResultTitleCard{background:#dbe9fb;border-radius:24px;margin-bottom:20px;padding:28px 32px}.figmaResultCode{color:#6b4fa0;letter-spacing:.5px;margin:0 0 6px;font-size:13px;font-weight:700}.figmaResultTitle{color:#2e2b5f;margin:0 0 10px;font-size:24px;font-weight:800}.figmaResultDescription{color:#4a4670;margin:0;font-size:14px;line-height:1.6}.figmaResultCard{color:#fff;border-radius:18px;margin-bottom:16px;padding:22px 26px}.figmaResultCard.main{background:#3d3670}.figmaResultCard.good{background:#2f8f52}.figmaResultCard.bad{background:#8f3a2f}.figmaResultCard.info{background:#3d6ea5}.figmaResultCardLabel{letter-spacing:.5px;text-transform:uppercase;opacity:.85;margin:0 0 6px;font-size:13px;font-weight:800}.figmaResultCardLabel:not(:first-child){margin-top:16px}.figmaResultCardText{margin:0;font-size:14px;line-height:1.6}.figmaAdminWrapper{background:#fdfbf3;min-height:100vh;padding:40px 24px}.figmaAdminInner{max-width:900px;margin:0 auto}.figmaAdminBackButton{color:#3d3670;cursor:pointer;background:0 0;border:2px solid #3d3670;border-radius:999px;margin-bottom:20px;padding:8px 20px;font-weight:700;transition:all .2s}.figmaAdminBackButton:hover{color:#fff;background:#3d3670}.figmaAdminTitle{color:#2e2b5f;margin:0 0 24px;font-size:24px;font-weight:800}.figmaAdminSection{background:#fff;border:1px solid #e5e0f5;border-radius:18px;margin-bottom:20px;padding:24px;box-shadow:0 8px 20px #3d36700f}.figmaAdminSectionTitle{color:#3d3670;margin:0 0 16px;font-size:16px;font-weight:800}.figmaAdminRow{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.figmaAdminInput,.figmaAdminSelect{color:#2e2b5f;border:1.5px solid #d9d3ec;border-radius:10px;outline:none;flex:1;min-width:160px;padding:10px 14px;font-size:14px}.figmaAdminInput:focus,.figmaAdminSelect:focus{border-color:#8ec5f0}.figmaAdminButton{color:#fff;cursor:pointer;white-space:nowrap;background:#3d3670;border:none;border-radius:999px;padding:10px 22px;font-size:13px;font-weight:700;transition:all .2s}.figmaAdminButton:hover{background:#2e2b5f}.figmaAdminButtonSmall{color:#fff;cursor:pointer;background:#8ec5f0;border:none;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:700;transition:all .2s}.figmaAdminButtonSmall:hover{background:#6fb0e8}.figmaAdminButtonDanger{color:#c23b3b;cursor:pointer;background:0 0;border:1.5px solid #c23b3b;border-radius:999px;padding:6px 15px;font-size:12px;font-weight:700;transition:all .2s}.figmaAdminButtonDanger:hover{color:#fff;background:#c23b3b}.figmaQuestionCard{background:#fbfaff;border:1px solid #eee8fb;border-radius:14px;margin-bottom:14px;padding:18px 20px}.figmaQuestionCardHeader{color:#2e2b5f;margin:0 0 12px;font-size:14px;font-weight:700}.figmaQuestionCardBadge{color:#fff;background:#3d3670;border-radius:999px;margin-right:8px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.figmaOptionRow{align-items:center;gap:8px;margin:8px 0;padding-left:4px;display:flex}.figmaHistoryWrapper{background:#fdfbf3;min-height:100vh;padding:40px 20px;position:relative;overflow:hidden}.hyblob1{filter:blur(40px);opacity:.5;z-index:0;background:#b8def5;border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;left:8%}.hyblob2{filter:blur(40px);opacity:.5;z-index:0;background:#ffe28a;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-30px;right:6%}.figmaHistoryInner{z-index:1;max-width:700px;margin:0 auto;position:relative}.figmaHistoryBackButton{color:#3d3670;cursor:pointer;background:0 0;border:2px solid #3d3670;border-radius:999px;margin-bottom:24px;padding:8px 20px;font-weight:700;transition:all .2s}.figmaHistoryBackButton:hover{color:#fff;background:#3d3670}.figmaHistoryTitle{color:#2e2b5f;margin:0 0 20px;font-size:24px;font-weight:800}.figmaHistoryEmpty{color:#3d3670;text-align:center;background:#dbe9fb;border-radius:16px;padding:24px;font-size:14px}.figmaHistoryCard{background:#3d3670;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:18px 22px;display:flex}.figmaHistoryType{color:#fff;margin:0;font-size:16px;font-weight:800}.figmaHistoryDate{color:#cfc9ef;margin:4px 0 0;font-size:13px}.figmaQuizWrapper{background:#fdfbf3;min-height:100vh;padding:40px 20px;position:relative;overflow:hidden}.qblob1{filter:blur(30px);opacity:.6;z-index:0;background:#b8def5;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-40px;left:5%}.qblob2{filter:blur(30px);opacity:.6;z-index:0;background:#ffb6c9;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-30px;right:8%}.figmaQuizTopBar{z-index:1;align-items:center;gap:12px;max-width:700px;margin:0 auto 24px;display:flex;position:relative}.figmaLogoBadge{background:conic-gradient(#f4b6c2,#ffe28a,#a8dab5,#8ec5f0,#b39ddb,#f4b6c2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.figmaLogoBadgeInner{color:#3d3670;text-align:center;background:#fdfbf3;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:10px;font-weight:800;display:flex}.figmaQuizLabel{color:#6b4fa0;letter-spacing:.5px;font-size:13px;font-weight:700}.figmaQuizOuter{z-index:1;background:#dbe9fb;border-radius:28px;max-width:700px;margin:0 auto;padding:32px;position:relative}.figmaProgressWrapper{background:#fff;border-radius:999px;width:100%;height:8px;margin-bottom:20px;overflow:hidden}.figmaProgressBar{background:#3d3670;border-radius:999px;height:100%;transition:width .3s}.figmaProgressText{color:#3d3670;margin-bottom:16px;font-size:13px;font-weight:600}.figmaQuestionText{color:#2e2b5f;margin-bottom:20px;font-size:16px;font-weight:700}.figmaOptionCard{cursor:pointer;background:#3d3670;border:3px solid #0000;border-radius:16px;align-items:flex-start;gap:16px;margin-bottom:16px;padding:18px 22px;transition:all .2s;display:flex}.figmaOptionCard:hover{border-color:#8ec5f0}.figmaOptionCard.selected{border-color:#ffb6c9}.figmaOptionLetter{color:#ff4d6d;min-width:22px;font-size:20px;font-weight:800;line-height:1.4}.figmaOptionText{color:#fff;font-size:14px;line-height:1.6}.figmaAdminUserRow{background:#fbfaff;border:1px solid #eee8fb;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex}.figmaAdminUserInfo{flex-direction:column;gap:2px;display:flex}.figmaAdminUserName{color:#2e2b5f;margin:0;font-size:14px;font-weight:700}.figmaAdminUserMeta{color:#7a749c;margin:0;font-size:12px}.figmaAdminUserBadgeAdmin{color:#7a1f3a;background:#ffb6c9;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:10px;font-weight:800;display:inline-block}.figmaModalOverlay{z-index:100;background:#2e2b5f8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.figmaModalBox{background:#fdfbf3;border-radius:20px;width:100%;max-width:640px;max-height:85vh;padding:28px;position:relative;overflow-y:auto}.figmaModalCloseButton{color:#3d3670;cursor:pointer;background:0 0;border:2px solid #3d3670;border-radius:999px;width:32px;height:32px;font-weight:800;line-height:1;position:absolute;top:18px;right:18px}.figmaModalCloseButton:hover{color:#fff;background:#3d3670}.figmaModalTitle{color:#2e2b5f;margin:0 0 18px;padding-right:40px;font-size:18px;font-weight:800}.figmaModalResultCard{background:#3d3670;border-radius:14px;margin-bottom:12px;padding:16px 18px}.figmaModalResultType{color:#fff;margin:0 0 4px;font-size:15px;font-weight:800}.figmaModalResultDesc{color:#cfc9ef;margin:0 0 6px;font-size:13px;line-height:1.5}.figmaModalResultDate{color:#9d97c9;margin:0;font-size:11px}.figmaModalEmpty{text-align:center;color:#3d3670;background:#dbe9fb;border-radius:14px;padding:20px;font-size:13px}.figmaLandingWrapper{background:#fdfbf3;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.lblob1{filter:blur(40px);opacity:.55;z-index:0;background:#ffe28a;border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;left:10%}.lblob2{filter:blur(40px);opacity:.55;z-index:0;background:#ffb6c9;border-radius:50%;width:220px;height:220px;position:absolute;top:20%;right:-60px}.lblob3{filter:blur(40px);opacity:.55;z-index:0;background:#b8def5;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-60px;right:15%}.lblob4{filter:blur(40px);opacity:.55;z-index:0;background:#b9f0c5;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-40px;left:8%}.figmaLandingContent{z-index:1;text-align:center;width:100%;max-width:460px;position:relative}.figmaLandingLogoWrap{justify-content:center;margin-bottom:24px;display:flex}.figmaLandingTitle{color:#2e2b5f;margin-bottom:24px;font-size:30px;font-weight:800;line-height:1.3}.figmaLandingCard{background:#3d3670;border-radius:24px;padding:36px 32px;box-shadow:0 20px 40px #00000026}.figmaLandingSubtitle{color:#cfc9ef;margin:0 0 28px;font-size:14px;line-height:1.6}.figmaLandingButtonGroup{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pillButtonSecondary{color:#fff;cursor:pointer;background:0 0;border:2px solid #8ec5f0;border-radius:999px;padding:12px 32px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.pillButtonSecondary:hover{background:#8ec5f0}.figmaLandingLinkTest{color:#6b4fa0;margin-top:22px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.figmaLandingLinkTest:hover{text-decoration:underline}