html,body,#root{min-height:100%;margin:0}body{color:#17352a;background:#f3faf6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif;line-height:1.5}button,input,select,textarea{font-family:inherit}button{transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,opacity .2s}button:hover{opacity:1}.page{background:radial-gradient(circle at 0 0,#bbf7d073,#0000 35%),linear-gradient(135deg,#f4fbf7 0%,#fff 55%,#effaf4 100%);min-height:100vh;padding:34px 22px 50px}.container{width:100%;max-width:1180px;margin:0 auto}.header{color:#fff;background:linear-gradient(135deg,#14532d 0%,#166534 45%,#15803d 100%);border-radius:24px;margin-bottom:24px;padding:34px;position:relative;overflow:hidden;box-shadow:0 18px 45px #1665342e,0 4px 12px #0f172a0a}.header:after{content:"";background:#ffffff17;border-radius:50%;width:230px;height:230px;position:absolute;top:-110px;right:-80px}.header:before{content:"";background:#ffffff0f;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-100px;right:100px}.header h1{z-index:2;letter-spacing:-.6px;margin:0;font-size:30px;font-weight:800;position:relative}.header p{z-index:2;color:#dcfce7;margin:8px 0 0;font-size:15px;position:relative}.navigation{background:#fffc;border:1px solid #dcefe3;border-radius:14px;gap:10px;margin-bottom:24px;padding:6px;display:flex;box-shadow:0 5px 20px #1665340d}.navButton{color:#527064;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:11px 20px;font-weight:700}.navButton:hover{color:#166534;background:#f0fdf4}.navButton.active{color:#fff;background:#166534;box-shadow:0 5px 14px #1665342e}.card{background:#fffffff5;border:1px solid #dcefe3;border-radius:20px;margin-bottom:22px;padding:30px;box-shadow:0 12px 35px #1665340f,0 2px 8px #0f172a06}.card h2{color:#17352a;letter-spacing:-.3px;margin-top:0;font-size:24px}.card h3{color:#1b4332}.card label{color:#315b49;margin:20px 0 8px;font-size:14px;font-weight:700;display:block}.textInput{color:#17352a;background:#fff;border:1px solid #cfe3d7;border-radius:11px;outline:none;width:100%;min-width:0;max-width:100%;height:50px;padding:12px 15px;font-size:15px;line-height:1.4;transition:border-color .2s,box-shadow .2s,background .2s;display:block}.sectionHeader h3{margin:0;font-size:19px}.questionRow{background:#f7fcf9;border:1px solid #e1f0e6;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:14px;padding:12px;display:flex}.questionInput{flex:1}.primaryButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#15803d,#16a34a);border:none;border-radius:11px;width:100%;margin-top:20px;padding:14px 18px;font-size:16px;font-weight:800;display:block;box-shadow:0 8px 18px #16a34a2e}.darkButton{color:#fff;cursor:pointer;white-space:nowrap;background:#166534;border:none;border-radius:10px;padding:11px 17px;font-weight:700;box-shadow:0 5px 13px #16653424}.darkButton:hover{background:#14532d;transform:translateY(-1px)}.deleteButton{color:#dc2626;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;flex-shrink:0;padding:11px 15px;font-weight:700}.secondaryButton{color:#315b49;cursor:pointer;background:#fff;border:1px solid #cfe3d7;border-radius:10px;padding:11px 16px;font-weight:700}.secondaryButton:hover{color:#166534;background:#f0fdf4;border-color:#9ac7aa}.muted{color:#6b8277}.empty{text-align:center;color:#71877d;background:#f7fcf9;border:1px dashed #cfe3d7;border-radius:14px;padding:35px 25px}.interviewCard{background:#fff;border:1px solid #dcefe3;border-radius:16px;margin-top:15px;padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 5px 18px #1665340b}.interviewCard:hover{border-color:#b7dcc5;transform:translateY(-2px);box-shadow:0 10px 28px #16653414}.interviewTop{justify-content:space-between;gap:20px;display:flex}.interviewTop h3{color:#17352a;margin:0 0 8px;font-size:19px}.interviewCard ol{margin-bottom:0;padding-left:22px}.interviewCard li{color:#456357;margin-bottom:9px}.badge{color:#166534;white-space:nowrap;background:#dcfce7;border-radius:20px;height:fit-content;padding:7px 12px;font-size:13px;font-weight:800}.interviewPage{color:#17352a;background:radial-gradient(circle at 100% 0,#bbf7d061,#0000 32%),#f4faf6;min-height:100vh;padding:32px 20px 50px}.interviewHeader h1{color:#17352a;margin:0;font-size:27px;font-weight:800}.interviewHeader p{color:#6b8277;margin:6px 0 0}.questionCounter{color:#166534;white-space:nowrap;background:#dcfce7;border:1px solid #bbf7d0;border-radius:10px;padding:10px 15px;font-weight:800}.interviewGrid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:24px;display:grid}.aiPanel{background:#fff;border:1px solid #dcefe3;border-radius:20px;padding:30px;box-shadow:0 12px 35px #16653412,0 2px 8px #0f172a06}.aiIcon{background:#dcfce7;border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:18px;font-size:30px;display:flex}.smallText{color:#5e786b;letter-spacing:1.2px;text-transform:uppercase;font-size:12px;font-weight:800}.aiPanel h2{color:#17352a;margin:8px 0 0;font-size:25px;line-height:1.4}.questionBox{color:#fff;background:linear-gradient(135deg,#166534 0%,#15803d 55%,#16a34a 100%);border-radius:17px;margin-top:22px;padding:25px;font-size:21px;line-height:1.6;position:relative;overflow:hidden;box-shadow:0 12px 25px #16653429}.questionBox:after{content:"";background:#ffffff14;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-80px;right:-65px}.voiceInfo{color:#6b8277;margin-top:20px;font-size:14px}.videoPanel{color:#17352a;background:#fff;border:1px solid #dcefe3;border-radius:20px;min-height:0;padding:20px;position:relative;overflow:visible;box-shadow:0 12px 35px #16653412,0 2px 8px #0f172a06}.videoPanel video{object-fit:cover;background:#edf7f0;border:1px solid #dcefe3;border-radius:15px;width:100%;height:380px;min-height:0;display:block}.cameraMessage{text-align:center;color:#82978d;pointer-events:none;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:20px}.cameraMessage div{margin-bottom:8px;font-size:50px}.controls{z-index:10;gap:11px;width:100%;margin-top:17px;position:relative;flex-direction:column!important;display:flex!important}.cameraButton{width:auto;margin:0}.activeCamera{color:#fff;cursor:pointer;background:#166534;border:none;border-radius:10px;padding:13px 20px;font-weight:700}.activeCamera:hover{background:#14532d}.exitButton{color:#166534;cursor:pointer;background:#fff;border:1px solid #cfe3d7;border-radius:10px;padding:13px 20px;font-weight:700}.exitButton:hover{background:#ee1818;border-color:#a9ccb7}.counter{color:#166534;background:#dcfce7;border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:#86efac}.counter:focus-visible{outline-offset:2px;outline:2px solid #22c55e}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}#next-steps{text-align:left;border-top:1px solid #dcefe3;display:flex}#next-steps>div{flex:1 1 0;padding:32px}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}#docs{border-right:1px solid #dcefe3}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:#315b49;background:#f0fdf4;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:0 5px 15px #16653414}#next-steps ul a .button-icon{width:18px;height:18px}#spacer{border-top:1px solid #dcefe3;height:88px}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:#dcefe3;left:0}.ticks:after{border-right-color:#dcefe3;right:0}@media (width<=900px){.interviewGrid{grid-template-columns:1fr}.videoPanel video{height:420px}}@media (width<=700px){.page{padding:15px}.interviewPage{padding:20px 15px 35px}.card{border-radius:16px;padding:20px}.header{border-radius:18px;padding:24px 20px}.header h1{font-size:23px}.navigation{flex-direction:column;padding:5px}.navButton{width:100%}.sectionHeader{flex-direction:column;align-items:stretch}.questionRow{flex-wrap:wrap;align-items:stretch;padding:10px}.questionNumber{width:36px;height:36px}.questionRow .textInput{flex:1;min-width:0}.deleteButton{width:100%;padding:10px}.interviewHeader{flex-direction:column;align-items:flex-start}.questionCounter{text-align:center;width:100%}.aiPanel{padding:22px}.aiPanel h2{font-size:22px}.questionBox{padding:20px;font-size:19px}.videoPanel{border-radius:16px;padding:14px}.videoPanel video{border-radius:12px;height:300px}.cameraMessage{inset:14px}.controls{flex-direction:column}.cameraButton,.exitButton{width:100%}#next-steps{text-align:center;flex-direction:column}#next-steps>div{padding:24px 20px}#docs{border-bottom:1px solid #dcefe3;border-right:none}#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}#spacer{height:48px}}*,:before,:after{box-sizing:border-box}html{width:100%;max-width:100%;overflow-x:hidden}body{width:100%;min-width:320px;max-width:100%;margin:0;overflow-x:hidden}#root{width:100%;min-width:320px;max-width:100%;overflow-x:hidden}img,video,canvas,iframe{max-width:100%}input,select,textarea,button{box-sizing:border-box;max-width:100%}.page{width:100%;max-width:100%;min-height:100vh;padding-left:clamp(10px,3vw,22px);padding-right:clamp(10px,3vw,22px);overflow-x:hidden}.studentContainer{width:100%;max-width:760px;margin-left:auto;margin-right:auto}.studentContainer .header{width:100%;max-width:100%}.studentContainer .card{width:100%;max-width:100%;margin-left:auto;margin-right:auto;overflow:hidden}.studentContainer .textInput{width:100%;min-width:0;max-width:100%}.studentContainer .fullButton{width:100%;max-width:100%}@media (width<=480px){.page{padding:12px 10px 25px}.studentContainer{width:100%;max-width:100%}.studentContainer .header{border-radius:16px;padding:20px 16px}.studentContainer .header h1{overflow-wrap:anywhere;font-size:22px;line-height:1.25}.studentContainer .header p{font-size:13px;line-height:1.5}.studentContainer .card{border-radius:16px;padding:20px 16px}.studentContainer .textInput{width:100%;min-height:48px;font-size:16px}.studentContainer .fullButton{width:100%;min-height:50px}}@media (width<=360px){.page{padding-left:8px;padding-right:8px}.studentContainer .header{padding:18px 14px}.studentContainer .header h1{font-size:20px}.studentContainer .card{padding:18px 14px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;min-height:100%}body{color:#163c23;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fdf9;width:100%;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{border:0}img,video{max-width:100%;display:block}button,select{cursor:pointer}#root,.page{width:100%;min-height:100vh;overflow-x:hidden}.container{width:100%;max-width:1180px;margin:0 auto;padding:28px 24px 40px}.studentContainer{width:100%}.header{width:100%;position:relative}.header h1,.header h2,.header h3,.header p{margin:0}.card{background:#fff;border:1px solid #dcfce7;border-radius:18px;width:100%;box-shadow:0 10px 35px #14532d12}.muted{color:#6b8270;line-height:1.55}.sectionEyebrow{color:#15803d;letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:850}.sectionTitle{color:#163c23;font-size:24px;font-weight:850;line-height:1.2}.sectionDescription{color:#6b8270;font-size:13px;line-height:1.55}.textInput{color:#163c23;background:#fff;border:1px solid #cfe5d5;border-radius:10px;outline:none;width:100%;min-height:48px;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.textInput::placeholder{color:#92a69a}.textInput:hover{border-color:#a8d4b5}.textInput:focus{background:#fff;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1a}.formLabel{color:#365b43;margin-bottom:8px;font-size:13px;font-weight:750;display:block}.formLabel.spaced{margin-top:18px}.primaryButton,.secondaryButton,.deleteButton,.logoutButton{border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:10px 16px;font-size:13px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.primaryButton{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 7px 18px #15803d29}.primaryButton:hover{transform:translateY(-1px);box-shadow:0 10px 23px #15803d36}.primaryButton:active{transform:translateY(0)}.secondaryButton{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.secondaryButton:hover{background:#dcfce7;border-color:#86efac}.deleteButton{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.deleteButton:hover{background:#ffe4e6;border-color:#fda4af}.logoutButton{color:#fff;background:#ffffff1a;border:1px solid #fff3}.logoutButton:hover{background:#ffffff2b}.fullButton{width:100%}.assessmentBadge,.answerCountBadge,.unlimitedBadge,.timeBadge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;font-weight:750;display:inline-flex}.assessmentBadge{color:#15803d;letter-spacing:.3px;background:#f0fdf4;border:1px solid #bbf7d0;padding:5px 9px;font-size:10px}.answerCountBadge{color:#166534;background:#ecfdf5;padding:5px 9px;font-size:11px}.unlimitedBadge{color:#166534;background:#dcfce7;padding:5px 9px;font-size:10px}.timeBadge{color:#15803d;background:#f0fdf4;padding:5px 9px;font-size:11px}.sectionHeader{justify-content:space-between;align-items:flex-start;gap:20px;width:100%;margin-bottom:20px;display:flex}.sectionHeader .sectionTitle{margin-top:4px}.sectionHeader .sectionDescription{margin-top:6px}.emptyState{text-align:center;background:#fbfefc;border:1px dashed #cfe5d5;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex}.emptyIcon{color:#15803d;background:#f0fdf4;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;font-size:22px;display:flex}.emptyTitle{color:#365b43;margin-bottom:5px;font-size:15px;font-weight:800}.questionRow{background:#fff;border:1px solid #e1f0e6;border-radius:13px;width:100%;padding:16px}.questionRowTop{justify-content:space-between;align-items:center;gap:12px;display:flex}.questionNumber{color:#15803d;font-size:12px;font-weight:850}.questionField{flex:1;min-width:0}.questionLabel{color:#365b43;margin-bottom:7px;font-size:12px;font-weight:750;display:block}.questionTime{align-items:center;gap:8px;margin-top:10px;display:flex}.questionTimeLabel{color:#6b8270;font-size:11px;font-weight:700}.videoPreview{object-fit:contain;background:#07130b;border:1px solid #d1e8d7;border-radius:14px;width:100%;max-height:480px}.formError{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;margin-top:8px;padding:9px 11px;font-size:12px;line-height:1.45}@media (width<=768px){.container{padding:22px 16px 32px}.sectionHeader{gap:14px}.sectionTitle{font-size:21px}.modalOverlay{padding:14px}.modalCard{border-radius:16px;max-height:calc(100vh - 28px);padding:20px}}@media (width<=520px){.container{padding:12px 8px 24px}.sectionHeader{flex-direction:column;align-items:stretch;gap:12px}.sectionHeader>button,.sectionHeader>.secondaryButton,.sectionHeader>.primaryButton{width:100%}.sectionTitle{font-size:20px}.sectionDescription,.formLabel{font-size:12px}.textInput{min-height:49px;font-size:14px}.primaryButton,.secondaryButton,.deleteButton,.logoutButton{min-height:44px}.emptyState{padding:30px 14px}.questionRow{padding:13px}.questionRowTop{align-items:flex-start}.modalOverlay{padding:7px}.modalCard{border-radius:14px;max-height:calc(100vh - 14px);padding:16px}}@media (width<=360px){.container{padding-left:6px;padding-right:6px}.modalCard{padding:13px}.primaryButton,.secondaryButton,.deleteButton{font-size:12px}}@media (hover:none){.primaryButton:hover{transform:none;box-shadow:0 7px 18px #15803d29}}.page,.container,.card,.sectionHeader,.questionRow,.modalCard{min-width:0}.page *,.container *,.card *{overflow-wrap:break-word}.adminPage{background:#f8fcf9;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.adminLoginContainer{width:100%;max-width:560px;margin:0 auto}.adminLoginCard{background:#fff;border:1px solid #dcebe2;border-radius:20px;width:100%;padding:34px;box-shadow:0 18px 50px #14532d1a}.adminLoginHeader{text-align:center;margin-bottom:28px}.adminLoginHeader h1{color:#14532d;margin:0;font-size:30px;font-weight:900;line-height:1.15}.adminLoginHeader p{color:#71877d;margin:8px 0 0;font-size:14px;font-weight:600}.adminLoginCard h2{color:#14532d;margin:0 0 22px;font-size:25px;font-weight:850;line-height:1.2}.adminLoginCard form{width:100%}.adminLoginCard .formGroup{margin-bottom:18px}.adminLoginCard .formGroup label{color:#527064;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.adminLoginCard .formGroup input{color:#294d3b;background:#fff;border:1px solid #dcebe2;border-radius:11px;outline:none;width:100%;min-height:48px;padding:0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.adminLoginCard .formGroup input::placeholder{color:#9aac9f}.adminLoginCard .formGroup input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.adminError{color:#b91c1c;background:#fff7f7;border:1px solid #fecaca;border-radius:10px;margin:14px 0;padding:11px 13px;font-size:12px;font-weight:700;line-height:1.45}.adminLoginButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:11px;width:100%;min-height:48px;margin-top:8px;padding:0 18px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 8px 20px #16a34a2e}.adminLoginButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 25px #16a34a3d}.adminLoginButton:active:not(:disabled){transform:translateY(0)}.adminLoginButton:disabled{opacity:.6;cursor:not-allowed}.adminHeader{margin-bottom:24px}.adminHeaderContent{justify-content:space-between;align-items:center;gap:25px;display:flex}.adminBadge{color:#fff;letter-spacing:.08em;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;margin-bottom:10px;padding:6px 11px;font-size:11px;font-weight:800;display:inline-flex}.adminTitle{color:#fff;margin:0;font-size:30px;font-weight:900;line-height:1.15}.adminDescription{color:#ffffffc7;margin:9px 0 0;font-size:14px;line-height:1.5}.logoutButton{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:12px;flex-shrink:0;min-height:44px;padding:0 18px;font-size:13px;font-weight:750;transition:background .2s,transform .2s}.logoutButton:hover{background:#ffffff2e;transform:translateY(-1px)}.statsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.statCard{background:#fff;border:1px solid #dcebe2;border-radius:17px;min-width:0;padding:22px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 24px #14532d0d}.statCard:hover{transform:translateY(-2px);box-shadow:0 14px 30px #14532d14}.statLabel{color:#71877d;letter-spacing:.07em;margin-bottom:9px;font-size:11px;font-weight:800;line-height:1.3}.statValue{color:#14532d;font-size:31px;font-weight:900;line-height:1}.adminPanel .card,.page>.container>.card{margin-bottom:24px}.sectionHeader{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.sectionHeader>div:first-child{min-width:0}.sectionTitle{color:#14532d}.sectionDescription{max-width:680px}.unlimitedBadge{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;flex-shrink:0;align-items:center;min-height:34px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.questionRow{background:#fbfefc;border:1px solid #dcebe2;border-radius:16px;width:100%;margin-bottom:15px;padding:19px;transition:border-color .2s,box-shadow .2s}.questionRow:hover{border-color:#b7ddc3;box-shadow:0 6px 18px #14532d0a}.questionRowTop{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:15px;display:grid}.questionNumber{color:#15803d;background:#dcfce7;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:900;display:flex}.questionField{min-width:0}.questionLabel{color:#527064;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.questionTime{border-top:1px solid #e7f0ea;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}.questionTime .textInput{width:auto;min-width:145px}.questionTimeLabel{color:#527064;flex-shrink:0;font-size:12px;font-weight:750}.questionTime>span:last-child{color:#71877d;font-size:12px;font-weight:650}.deleteButton{color:#b91c1c;white-space:nowrap;cursor:pointer;background:#fff7f7;border:1px solid #fecaca;border-radius:11px;min-height:42px;padding:0 14px;font-size:12px;font-weight:800;transition:background .2s,border-color .2s,transform .2s}.deleteButton:hover{background:#fef2f2;border-color:#fca5a5;transform:translateY(-1px)}.interviewCard{background:#fff;border:1px solid #dcebe2;border-radius:17px;width:100%;margin-bottom:16px;padding:21px;transition:border-color .2s,box-shadow .2s;box-shadow:0 6px 20px #14532d09}.interviewCard:last-child{margin-bottom:0}.interviewCard:hover{border-color:#b7ddc3;box-shadow:0 10px 28px #14532d12}.interviewHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.interviewHeader>div{min-width:0}.assessmentBadge{color:#15803d;letter-spacing:.08em;align-items:center;margin-bottom:6px;font-size:10px;font-weight:850;display:inline-flex}.interviewTitle{color:#14532d;overflow-wrap:anywhere;margin:0 0 5px;font-size:19px;font-weight:850;line-height:1.3}.questionList{flex-direction:column;gap:9px;display:flex}.questionItem{background:#fbfefc;border:1px solid #e4eee8;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:13px 14px;display:flex}.questionItemNumber{color:#15803d;background:#f0fdf4;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:850;display:flex}.questionItemText{color:#294d3b;overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px;line-height:1.55}.timeBadge{color:#166534;white-space:nowrap;background:#f0fdf4;border-radius:999px;flex-shrink:0;align-items:center;min-height:30px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.submissionStudentInfo{align-items:center;gap:13px;min-width:0;display:flex}.submissionStudentInfo>div:last-child{min-width:0}.submissionStudentInfo h3{color:#14532d;overflow-wrap:anywhere;margin:0 0 3px;font-size:17px;font-weight:850;line-height:1.3}.submissionStudentInfo p{overflow-wrap:anywhere;margin:3px 0}.studentAvatar{color:#15803d;background:#dcfce7;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:850;display:flex}.answerCountBadge{color:#166534;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.submissionActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.submissionActions .primaryButton,.submissionActions .secondaryButton,.submissionActions .deleteButton{min-height:38px}.submissionFooterActions{border-top:1px solid #e7f0ea;flex-wrap:wrap;align-items:center;gap:10px;margin-top:15px;padding-top:15px;display:flex}.submissionFooterActions>*{flex:auto}.modalOverlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b231794;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modalCard{background:#fff;border:1px solid #dcebe2;border-radius:20px;width:100%;max-width:850px;max-height:calc(100vh - 48px);padding:26px;overflow-y:auto;box-shadow:0 25px 70px #0a281933}.modalCard .sectionHeader{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-bottom:1px solid #e7f0ea;margin:-26px -26px 22px;padding:22px 26px;position:sticky;top:-26px}.modalCard .questionItem{margin-bottom:10px}.modalActions{border-top:1px solid #e7f0ea;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding-top:18px;display:flex}.answerMeta{background:#f8fcf9;border:1px solid #e4eee8;border-radius:13px;margin-top:18px;padding:15px 16px}.answerMeta p{color:#527064;overflow-wrap:anywhere;margin:5px 0;font-size:12px}.answerMeta strong{color:#294d3b}.videoPreview{object-fit:contain;background:#07150e;border:1px solid #dcebe2;border-radius:15px;width:100%;max-width:100%;max-height:520px;margin-top:15px;display:block}.adminLoginPage .primaryButton{margin-top:22px}.interviewCard>.questionItem{margin-bottom:9px}.deleteButton:disabled,.logoutButton:disabled,.secondaryButton:disabled,.primaryButton:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (width<=900px){.adminPage{padding:30px 16px}.statsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.statCard{padding:18px}.statValue,.adminTitle{font-size:27px}.questionRowTop{grid-template-columns:auto minmax(0,1fr);align-items:start}.questionRowTop .deleteButton{grid-column:2;justify-self:start}.questionTime{flex-wrap:wrap}.questionTime .textInput{flex:150px}.submissionActions{justify-content:flex-start;margin-left:0}}@media (width<=640px){.adminPage{align-items:flex-start;min-height:100dvh;padding:22px 10px 20px}.adminLoginContainer{max-width:none}.adminLoginCard{padding:23px 18px}.adminLoginHeader{margin-bottom:22px}.adminLoginHeader h1{font-size:25px}.adminLoginHeader p{font-size:13px}.adminLoginCard h2{font-size:22px}.adminLoginCard .formGroup input,.adminLoginButton{min-height:50px}.adminHeaderContent{flex-direction:column;align-items:stretch;gap:17px}.adminTitle{font-size:24px}.adminDescription{font-size:13px}.logoutButton{width:100%}.statsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.statCard{text-align:center;border-radius:13px;padding:14px 10px}.statLabel{letter-spacing:.03em;font-size:8px;line-height:1.35}.statValue{font-size:23px}.sectionHeader{flex-direction:column;align-items:stretch;gap:13px}.sectionHeader>.secondaryButton,.sectionHeader>.unlimitedBadge{align-self:flex-start}.unlimitedBadge{font-size:10px}.questionRow{border-radius:14px;padding:15px}.questionRowTop{grid-template-columns:1fr;gap:11px}.questionNumber{width:38px;height:38px}.questionRowTop .deleteButton{grid-column:auto;width:100%}.questionTime{flex-direction:column;align-items:stretch;gap:8px}.questionTime .textInput{width:100%;min-width:0}.questionTime>span:last-child{display:none}.interviewCard{border-radius:15px;padding:16px}.interviewHeader{flex-direction:column;gap:13px}.interviewHeader>.deleteButton,.interviewHeader>.answerCountBadge{align-self:flex-start}.interviewTitle{font-size:17px}.questionItem{flex-wrap:wrap;align-items:flex-start;gap:9px;padding:12px}.questionItemNumber{width:28px;height:28px}.questionItemText{flex:calc(100% - 42px)}.questionItem .timeBadge{margin-left:37px}.submissionStudentInfo{align-items:flex-start;width:100%}.studentAvatar{border-radius:13px;width:44px;height:44px}.answerCountBadge{align-self:flex-start}.submissionActions{grid-template-columns:1fr;gap:8px;width:100%;display:grid}.submissionActions .primaryButton,.submissionActions .secondaryButton,.submissionActions .deleteButton{width:100%}.submissionFooterActions{grid-template-columns:1fr;gap:8px;display:grid}.submissionFooterActions>*{width:100%}.modalOverlay{align-items:flex-start;padding:10px}.modalCard{border-radius:17px;max-height:calc(100dvh - 20px);padding:18px}.modalCard .sectionHeader{margin:-18px -18px 18px;padding:16px 18px;position:sticky;top:-18px}.modalActions{flex-direction:column;align-items:stretch}.modalActions>*{width:100%}.videoPreview{border-radius:12px;max-height:55vh}.adminLoginCard input{min-height:50px}}@media (width<=390px){.adminPage{padding-left:8px;padding-right:8px}.adminLoginCard{padding:20px 15px}.adminLoginHeader h1{font-size:23px}.statsGrid{gap:6px}.statCard{padding:13px 7px}.statLabel{font-size:7px}.statValue{font-size:21px}.interviewCard{padding:14px}.questionRow{padding:13px}}.adminPage,.adminLoginContainer,.adminLoginCard,.adminLoginHeader,.adminHeader,.adminHeaderContent,.statsGrid,.statCard,.questionRow,.questionRowTop,.questionField,.questionTime,.interviewCard,.interviewHeader,.questionList,.questionItem,.questionItemText,.submissionStudentInfo,.submissionActions,.submissionFooterActions,.modalOverlay,.modalCard{min-width:0;max-width:100%}.adminPage *,.adminLoginContainer *,.adminLoginCard *,.adminHeader *,.statsGrid *,.questionRow *,.interviewCard *,.modalCard *,.adminPage input,.adminPage select,.adminPage button,.questionRow input,.questionRow select,.interviewCard button,.modalCard button{max-width:100%}*{box-sizing:border-box}.interviewPage{color:#172033;background:#f4f8fc;width:100%;min-height:100vh;padding:24px;overflow-x:hidden}.interviewContainer{width:100%;max-width:1180px;margin:0 auto}.interviewHeader{background:#fff;border:1px solid #e1eaf3;border-radius:18px;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:15px;padding:18px 22px;display:flex;box-shadow:0 6px 22px #1047780f}.interviewBrand h1{color:#168348;letter-spacing:-.5px;margin:0;font-size:23px;font-weight:800}.interviewBrand span{color:#64748b;margin-top:3px;font-size:11px;font-weight:600;display:block}.interviewStatus{color:#168348;background:#edf9f2;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:11px;font-weight:800;display:flex}.interviewStatus:before{content:"";background:#19a957;border-radius:50%;width:7px;height:7px}.studentInfo{color:#fff;background:linear-gradient(135deg,#168348,#19a957);border-radius:16px;width:100%;margin-bottom:15px;padding:16px 20px;box-shadow:0 8px 25px #16834824}.studentInfo h2{margin:0 0 4px;font-size:16px;font-weight:800}.studentInfo p{opacity:.9;margin:0;font-size:12px}.questionProgress{background:#fff;border:1px solid #e1eaf3;border-radius:14px;width:100%;margin-bottom:15px;padding:14px 17px;box-shadow:0 5px 18px #1047780d}.questionProgressTop{justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.questionProgressTop span{color:#334155;font-size:11px;font-weight:800}.questionProgressBar{background:#e8eef5;border-radius:20px;width:100%;height:6px;overflow:hidden}.questionProgressFill{border-radius:inherit;background:linear-gradient(90deg,#168348,#19a957);height:100%;transition:width .3s}.interviewMainGrid{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);align-items:start;gap:18px;width:100%;display:grid}.interviewLeftColumn{flex-direction:column;gap:15px;width:100%;min-width:0;display:flex}.aiInterviewerCard{background:#fff;border:1px solid #dce8f3;border-radius:20px;width:100%;min-width:0;padding:20px;box-shadow:0 9px 30px #16834812}.aiInterviewerHeader{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:15px;display:flex}.aiInterviewerTitle{align-items:center;gap:11px;min-width:0;display:flex}.aiAvatar{color:#fff;background:linear-gradient(135deg,#168348,#19a957);border-radius:16px;flex:none;justify-content:center;align-items:center;width:54px;height:54px;font-size:17px;font-weight:800;transition:all .25s;display:flex;box-shadow:0 6px 16px #16834833}.aiAvatarSpeaking{transform:scale(1.03);box-shadow:0 0 0 5px #19a9571f,0 7px 22px #16834840}.aiInterviewerTitle h2{color:#172033;margin:0;font-size:17px;font-weight:800}.aiInterviewerTitle span{color:#64748b;margin-top:3px;font-size:11px;font-weight:600;display:block}.aiStatus{color:#168348;white-space:nowrap;background:#edf9f2;border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.aiStatus:before{content:"";background:#19a957;border-radius:50%;flex:none;width:6px;height:6px}.aiSpeakingArea{background:#f8fbfe;border:1px solid #e4edf5;border-radius:12px;width:100%;margin-bottom:12px;padding:13px 15px}.aiSpeakingText{color:#64748b;font-size:11px;line-height:1.5}.aiSpeakingArea.speaking{background:#f1faf5;border-color:#d3ebdc}.aiSpeakingArea.speaking .aiSpeakingText{color:#168348;font-weight:700}.aiWaveContainer{align-items:center;gap:4px;height:22px;margin-top:9px;display:flex}.aiWave{background:#19a957;border-radius:4px;width:4px;height:8px;animation:.8s ease-in-out infinite aiWave}.aiWave:nth-child(2){animation-delay:.1s}.aiWave:nth-child(3){animation-delay:.2s}.aiWave:nth-child(4){animation-delay:.3s}.aiWave:nth-child(5){animation-delay:.4s}@keyframes aiWave{0%,to{height:7px}50%{height:20px}}.askQuestionAgain{color:#168348;cursor:pointer;background:#fff;border:1px solid #cfe8d9;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:42px;font-size:11px;font-weight:800;transition:all .2s;display:flex}.askQuestionAgain:hover{background:#f1faf5;border-color:#a9d8ba;transform:translateY(-1px)}.questionCard{background:#fff;border:1px solid #dce8f3;border-radius:20px;width:100%;min-width:0;padding:20px;box-shadow:0 9px 30px #1683480f}.questionCardTop{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.questionNumber{color:#168348;letter-spacing:1px;font-size:10px;font-weight:800}.timeBadge{color:#168348;background:#edf9f2;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.questionBox{background:linear-gradient(135deg,#f4fbf7,#edf9f2);border:1px solid #d5ebdd;border-radius:14px;width:100%;margin-bottom:12px;padding:17px 17px 17px 21px;position:relative}.questionBox:before{content:"";background:#19a957;border-radius:0 5px 5px 0;width:4px;position:absolute;top:15px;bottom:15px;left:0}.questionBox h3{color:#172033;overflow-wrap:anywhere;margin:0;padding-left:4px;font-size:17px;font-weight:700;line-height:1.45}.recordNotice{color:#64748b;background:#f8fbfe;border:1px solid #e3edf5;border-radius:10px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:10px;line-height:1.4;display:flex}.recordNoticeIcon{font-size:15px}.questionTimer{color:#168348;background:#edf9f2;border-radius:11px;width:100%;margin-top:12px;padding:12px}.questionTimer.danger{color:#d92323;background:#fff0f0}.timerContent{text-align:center;justify-content:center;align-items:center;gap:10px;display:flex}.timerIcon{font-size:18px}.timerContent strong{font-size:16px;font-weight:800;display:block}.timerContent p{opacity:.75;margin:2px 0 0;font-size:9px}.cameraCard{background:#fff;border:1px solid #dce8f3;border-radius:20px;width:100%;min-width:0;padding:20px;box-shadow:0 9px 30px #16834812}.cameraCardHeader{justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;display:flex}.cameraEyebrow{color:#168348;letter-spacing:1px;margin-bottom:3px;font-size:9px;font-weight:800}.cameraCardHeader h2{color:#172033;margin:0;font-size:17px;font-weight:800}.cameraCardHeader p{color:#64748b;margin:3px 0 0;font-size:10px}.cameraReady{color:#168348;background:#edf9f2;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.cameraReady.recordingBadge{color:#d92323;background:#fff0f0}.cameraPreviewWrapper{aspect-ratio:16/10;background:#0c1724;border:3px solid #e9f1f8;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 7px 22px #0f23371f}.cameraPreview{object-fit:cover;background:#0c1724;width:100%;height:100%;display:block}.cameraOverlay{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081624bf;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:9px;font-weight:800;display:flex;position:absolute;top:11px;left:11px}.cameraOverlay span{background:#19a957;border-radius:50%;width:6px;height:6px;animation:1.2s infinite recordingPulse}@keyframes recordingPulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.emptyState{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}.emptyIcon{margin-bottom:8px;font-size:28px}.emptyState strong{font-size:13px}.emptyState p{color:#aebdcb;max-width:240px;margin:5px 0 0;font-size:10px;line-height:1.5}.recordingSection{background:#f8fbfe;border:1px solid #e0eaf2;border-radius:13px;width:100%;margin-top:13px;padding:14px}.recordingSection.recordingActive{background:#fff5f5;border-color:#ffd4d4}.recordingHeader{justify-content:space-between;align-items:center;gap:10px;display:flex}.recordingEyebrow{color:#168348;letter-spacing:1px;margin-bottom:3px;font-size:9px;font-weight:800}.recordingActive .recordingEyebrow{color:#d92323}.recordingSection h3{color:#172033;margin:0;font-size:14px;font-weight:800}.recordingSection p{color:#64748b;margin:5px 0 0;font-size:10px;line-height:1.45}.recordingTimer{color:#d92323;background:#fff0f0;border-radius:8px;padding:7px 10px;font-size:14px;font-weight:800}.startAnswerButton,.stopRecordingButton,.nextQuestionButton,.exitInterviewButton{cursor:pointer;background-color:red;border-radius:10px;width:100%;min-height:46px;margin-top:11px;font-size:12px;font-weight:800;transition:all .2s}.startAnswerButton,.nextQuestionButton{color:#fff;background:linear-gradient(135deg,#168348,#19a957);border:none;box-shadow:0 7px 18px #1683482e}.startAnswerButton:hover,.nextQuestionButton:hover{transform:translateY(-1px);box-shadow:0 10px 22px #1683483d}.stopRecordingButton{color:#d92323;background:#fff5f5;border:1px solid #f1caca}.stopRecordingButton:hover{background:#ffeded}.exitInterviewButton{color:#ececec;background:#c13f3f;border:1px solid #d5e1eb}.exitInterviewButton:hover{background:#be0c0c}@media (width<=900px){.interviewPage{padding:14px}.interviewContainer{width:100%;max-width:none}.interviewMainGrid{grid-template-columns:1fr;width:100%}.interviewLeftColumn{width:100%}.cameraPreviewWrapper{aspect-ratio:16/9}}@media (width<=600px){.interviewPage{width:100%;min-width:0;padding:6px;overflow-x:hidden}.interviewContainer{width:100%;max-width:none;margin:0;padding:0}.interviewHeader{border-radius:14px;width:100%;margin:0 0 8px;padding:13px 12px}.interviewBrand{min-width:0}.interviewBrand h1{font-size:19px}.interviewBrand span{font-size:9px}.interviewStatus{flex:none;padding:6px 9px;font-size:9px}.studentInfo{border-radius:13px;width:100%;margin-bottom:8px;padding:14px 13px}.studentInfo h2{font-size:14px}.studentInfo p{font-size:10px}.questionProgress{border-radius:12px;width:100%;margin-bottom:8px;padding:11px 13px}.questionProgressTop span{font-size:10px}.interviewMainGrid{flex-direction:column;gap:8px;width:100%;max-width:none;margin:0;padding:0;display:flex}.interviewLeftColumn{flex-direction:column;gap:8px;width:100%;min-width:0;max-width:none;margin:0;padding:0;display:flex}.aiInterviewerCard,.questionCard,.cameraCard{border-radius:16px;width:100%;min-width:0;max-width:none;margin:0;padding:16px}.aiInterviewerHeader{width:100%;margin-bottom:12px;padding-bottom:12px}.aiInterviewerTitle{gap:10px;min-width:0}.aiAvatar{border-radius:14px;width:50px;height:50px;font-size:16px}.aiInterviewerTitle h2{font-size:16px}.aiInterviewerTitle span{font-size:9px}.aiStatus{padding:6px 9px;font-size:8px}.aiSpeakingArea{border-radius:12px;width:100%;margin-bottom:10px;padding:13px}.aiSpeakingText{font-size:10px;line-height:1.5}.askQuestionAgain{width:100%;min-height:44px;font-size:11px}.questionCardTop{width:100%;margin-bottom:10px}.questionNumber{font-size:9px}.timeBadge{padding:5px 9px;font-size:9px}.questionBox{border-radius:12px;width:100%;margin-bottom:10px;padding:15px 14px 15px 18px}.questionBox:before{width:3px;top:12px;bottom:12px}.questionBox h3{font-size:15px;line-height:1.5}.recordNotice{width:100%;padding:10px;font-size:9px}.questionTimer{width:100%;margin-top:10px;padding:11px}.timerContent{gap:8px}.timerIcon{font-size:16px}.timerContent strong{font-size:15px}.timerContent p{font-size:8px}.cameraCardHeader{width:100%;margin-bottom:10px}.cameraEyebrow{font-size:8px}.cameraCardHeader h2{font-size:16px}.cameraCardHeader p{font-size:9px}.cameraReady{padding:6px 9px;font-size:8px}.cameraPreviewWrapper{aspect-ratio:4/3;border-radius:13px;width:100%}.cameraOverlay{padding:5px 8px;font-size:8px;top:8px;left:8px}.recordingSection{border-radius:11px;width:100%;margin-top:10px;padding:12px}.recordingEyebrow{font-size:8px}.recordingSection h3{font-size:13px}.recordingSection p{font-size:9px}.recordingTimer{padding:6px 8px;font-size:12px}.startAnswerButton,.stopRecordingButton,.nextQuestionButton,.exitInterviewButton{width:100%;min-height:46px;margin-top:9px;font-size:11px}}@media (width<=380px){.interviewPage{padding:5px}.interviewHeader{padding:12px 10px}.interviewMainGrid,.interviewLeftColumn{gap:7px}.aiInterviewerCard,.questionCard,.cameraCard{width:100%;padding:14px}.aiAvatar{width:46px;height:46px}.aiInterviewerTitle h2{font-size:15px}.aiStatus{padding:5px 7px;font-size:7px}.questionBox h3{font-size:14px}.cameraPreviewWrapper{aspect-ratio:4/3}}.studentContainer{width:100%;max-width:760px;margin:0 auto}.studentWelcome{border-bottom:1px solid #e4eee8;align-items:center;gap:15px;margin-bottom:28px;padding-bottom:22px;display:flex}.studentWelcomeIcon{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.studentContainer .card{padding:30px}.studentContainer label{color:#527064;letter-spacing:.02em;margin:0 0 8px;font-size:12px;font-weight:800;display:block}.studentContainer label:not(:first-of-type){margin-top:20px}.studentContainer .textInput{width:100%;min-height:50px}.studentContainer select.textInput{appearance:auto;cursor:pointer;background-color:#fff}.studentContainer .selectedInterview{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:13px;align-items:center;gap:12px;margin-top:18px;padding:15px 16px;display:flex}.selectedInterviewIcon{color:#15803d;background:#dcfce7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;font-weight:900;display:flex}.selectedInterviewContent{min-width:0}.selectedInterviewLabel{color:#527064;letter-spacing:.07em;margin-bottom:3px;font-size:10px;font-weight:800}.selectedInterviewTitle{color:#166534;overflow-wrap:anywhere;font-size:14px;font-weight:800}.studentContainer .fullButton{width:100%}.studentStartButton{min-height:54px;margin-top:25px;font-size:16px}.studentRequirements{color:#71877d;border-top:1px solid #e1f0e6;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding-top:18px;font-size:12px;font-weight:650;display:flex}.studentRequirement{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.studentFooterNote{text-align:center;color:#82978d;padding:5px 10px 20px;font-size:12px;font-weight:600;line-height:1.5}@media (width<=640px){.studentContainer{width:100%;max-width:none}.studentContainer .card{padding:23px 17px}.studentWelcome{align-items:flex-start;gap:12px;margin-bottom:23px;padding-bottom:19px}.studentWelcomeIcon{border-radius:13px;width:46px;height:46px;font-size:21px}.studentWelcome h2{font-size:22px!important}.studentWelcome p{line-height:1.5;font-size:13px!important}.studentContainer label{font-size:11px}.studentContainer label:not(:first-of-type){margin-top:18px}.studentContainer .textInput{min-height:52px;font-size:15px}.studentContainer .selectedInterview{padding:14px}.studentStartButton{min-height:56px;font-size:16px}.studentRequirements{flex-direction:column;align-items:flex-start;gap:10px;margin-top:18px;padding-top:16px}.studentRequirement{width:100%}.studentFooterNote{padding:5px 8px 18px;font-size:11px}}@media (width<=390px){.studentContainer .card{padding:20px 14px}.studentWelcome{gap:10px}.studentWelcomeIcon{width:42px;height:42px}.studentWelcome h2{font-size:20px!important}.studentContainer .textInput{min-height:50px}.studentStartButton{min-height:54px}}.studentContainer,.studentContainer *,.studentWelcome,.studentWelcome>div,.selectedInterviewContent{min-width:0;max-width:100%}.studentContainer input,.studentContainer select,.studentContainer button{max-width:100%}.instructionsOverlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000009e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.instructionsModal{background:#fff;border-radius:20px;width:100%;max-width:620px;max-height:90vh;padding:28px;animation:.2s ease-out instructionsModalIn;overflow-y:auto;box-shadow:0 25px 70px #00000040}@keyframes instructionsModalIn{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.instructionsHeader{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.instructionsIcon{background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;font-size:24px;display:flex}.instructionsHeader h2{color:#111827;margin:0 0 6px;font-size:24px;font-weight:800}.instructionsHeader p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.instructionsClose{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:25px;line-height:1;transition:all .2s;display:flex}.instructionsClose:hover{background:#e5e7eb}.instructionsAssessment{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;flex-direction:column;gap:4px;margin-bottom:20px;padding:14px 16px;display:flex}.instructionsAssessment span{text-transform:uppercase;letter-spacing:.5px;color:#2563eb;font-size:11px;font-weight:700}.instructionsAssessment strong{color:#111827;font-size:15px}.instructionsList{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.instructionItem{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:12px;padding:13px;display:flex}.instructionItem>span{background:#f3f4f6;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.instructionItem strong{color:#111827;margin-bottom:3px;font-size:14px;display:block}.instructionItem p{color:#6b7280;margin:0;font-size:13px;line-height:1.45}.instructionsCheckbox{cursor:pointer;background:#f9fafb;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:13px 14px;display:flex}.instructionsCheckbox input{cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:1px}.instructionsCheckbox span{color:#374151;font-size:13px;font-weight:600;line-height:1.4}@media (width<=600px){.instructionsOverlay{padding:12px}.instructionsModal{border-radius:16px;max-height:94vh;padding:20px}.instructionsHeader h2{font-size:20px}.instructionsHeader p{font-size:13px}.instructionItem{padding:11px}.instructionItem strong{font-size:13px}.instructionItem p{font-size:12px}.instructionsAssessment{padding:12px}}