:root{--navy: #1E3A5F;--navy-dark: #162d4a;--navy-darker: #0d1e30;--gold: #FDB302;--gold-light: #ffc93c;--gold-dim: rgba(253, 179, 2, .25);--gold-glow: rgba(253, 179, 2, .45);--glass-bg: rgba(255, 255, 255, .06);--glass-bg-md: rgba(255, 255, 255, .09);--glass-bg-hover: rgba(255, 255, 255, .13);--glass-border: rgba(255, 255, 255, .12);--glass-border-gold: rgba(253, 179, 2, .3);--text-white: #ffffff;--text-secondary: rgba(255, 255, 255, .72);--text-muted: rgba(255, 255, 255, .42);--shadow: 0 8px 40px rgba(0, 0, 0, .45);--shadow-gold: 0 8px 40px rgba(253, 179, 2, .15);--radius: 20px;--radius-sm: 12px;--radius-pill: 100px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;min-height:100vh}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--navy-darker);color:var(--text-white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg,#0d1e30,#1e3a5f 55%,#162d4a);overflow:hidden}.app-bg:before{content:"";position:absolute;top:-30%;right:-20%;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,rgba(253,179,2,.06) 0%,transparent 70%);animation:driftA 25s ease-in-out infinite alternate}.app-bg:after{content:"";position:absolute;bottom:-20%;left:-10%;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(30,58,95,.8) 0%,transparent 70%);animation:driftB 30s ease-in-out infinite alternate}.bg-dot{position:absolute;border-radius:50%;background:#fdb30214;animation:floatDot linear infinite}@keyframes driftA{0%{transform:translate(0) scale(1)}to{transform:translate(-5vw,5vh) scale(1.1)}}@keyframes driftB{0%{transform:translate(0) scale(1)}to{transform:translate(4vw,-4vh) scale(.95)}}@keyframes floatDot{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:.6}to{transform:translateY(-10vh) scale(1);opacity:0}}.glass{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow)}.glass-gold{background:var(--glass-bg-md);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border-gold);border-radius:var(--radius);box-shadow:var(--shadow),0 0 60px #fdb3020f}h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.2}h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;line-height:1.3}h3{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600}p{line-height:1.7}.text-gold{color:var(--gold)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:var(--radius-pill);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .25s ease;letter-spacing:.01em;text-decoration:none;white-space:nowrap}.btn-gold{background:var(--gold);color:var(--navy-darker);box-shadow:0 4px 20px #fdb30259}.btn-gold:hover:not(:disabled){background:var(--gold-light);box-shadow:0 6px 28px #fdb30280;transform:translateY(-1px)}.btn-ghost{background:var(--glass-bg-md);color:var(--text-white);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-ghost:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--glass-border-gold)}.btn:disabled{opacity:.45;cursor:not-allowed}.input{width:100%;padding:14px 18px;background:#ffffff12;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-white);font-family:inherit;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #fdb3021f}textarea.input{resize:vertical;min-height:100px}.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px}.sj-logo{display:flex;align-items:center;gap:10px;margin-bottom:8px}.sj-logo-icon{width:42px;height:42px;border-radius:10px;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;color:var(--navy-darker);box-shadow:0 4px 16px #fdb30259;flex-shrink:0}.sj-logo-text{font-size:1.1rem;font-weight:700;color:var(--text-white);letter-spacing:-.01em}.sj-logo-text span{color:var(--gold)}.orb-wrapper{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.orb-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(253,179,2,.35);top:50%;left:50%;transform:translate(-50%,-50%)}.orb-ring-1{width:160px;height:160px;border-color:#fdb30233}.orb-ring-2{width:130px;height:130px;border-color:#fdb30247}.orb-ring-1.pulse{animation:ringPulseOuter 1.8s ease-out infinite}.orb-ring-2.pulse{animation:ringPulseInner 1.8s ease-out .35s infinite}@keyframes ringPulseOuter{0%{width:90px;height:90px;opacity:.9}to{width:180px;height:180px;opacity:0}}@keyframes ringPulseInner{0%{width:90px;height:90px;opacity:.7}to{width:155px;height:155px;opacity:0}}.orb{width:88px;height:88px;border-radius:50%;position:relative;transition:all .4s ease;background:radial-gradient(circle at 35% 32%,#fdb3028c,#1e3a5fe6 65%);box-shadow:0 0 0 1px #fdb30266,0 0 50px #fdb30240,inset 0 0 30px #1e3a5f99,0 20px 40px #00000080}.orb:before{content:"";position:absolute;top:14%;left:20%;width:28%;height:22%;background:#ffffff38;border-radius:50%;filter:blur(5px)}.orb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 65% 70%,rgba(253,179,2,.12),transparent 60%)}.orb.idle{animation:orbBreathe 3.5s ease-in-out infinite}.orb.speaking{animation:orbSpeak .7s ease-in-out infinite;box-shadow:0 0 0 1px #fdb30299,0 0 70px #fdb30266,inset 0 0 30px #1e3a5f80,0 20px 40px #00000080}.orb.listening{animation:orbListen 1.2s ease-in-out infinite;box-shadow:0 0 0 1px #64c8ff80,0 0 60px #64b4ff40,inset 0 0 30px #1e3a5f80,0 20px 40px #00000080;background:radial-gradient(circle at 35% 32%,#64c8ff73,#1e3a5fe6 65%)}.orb.processing{animation:orbProcess 1s linear infinite}@keyframes orbBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes orbSpeak{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes orbListen{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes orbProcess{0%{filter:brightness(1) hue-rotate(0deg)}50%{filter:brightness(1.3) hue-rotate(15deg)}to{filter:brightness(1) hue-rotate(0deg)}}.timer-bar-track{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.timer-bar-fill{height:100%;border-radius:2px;transition:width 1s linear,background-color 3s ease}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.status-badge.live{background:#ff50502e;border:1px solid rgba(255,80,80,.4);color:#ff8080}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:dotBlink 1.2s ease-in-out infinite}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.3}}.transcript-box{background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:14px 16px;font-size:.9rem;color:var(--text-secondary);min-height:48px;line-height:1.6;font-style:italic}.stars{display:flex;gap:6px}.star{font-size:2rem;cursor:pointer;color:#fff3;transition:color .15s,transform .15s;-webkit-user-select:none;user-select:none}.star.active,.star:hover{color:var(--gold)}.star:hover{transform:scale(1.15)}.progress-dots{display:flex;gap:6px;align-items:center}.progress-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s ease}.progress-dot.done{background:var(--gold)}.progress-dot.current{background:var(--gold);width:20px;border-radius:4px;box-shadow:0 0 10px #fdb30280}.rule-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.rule-item:last-child{border-bottom:none}.rule-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;margin-top:1px}.perm-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);transition:all .3s ease}.perm-item.granted{border-color:#50dc7859;background:#50dc780f}.perm-item.denied{border-color:#ff505059;background:#ff50500f}.candidate-video{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm);transform:scaleX(-1);background:#000}.camera-preview{width:100%;max-width:300px;aspect-ratio:4 / 3;border-radius:var(--radius-sm);overflow:hidden;background:#0006;border:1px solid var(--glass-border);position:relative;margin:0 auto}.camera-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.mic-btn{width:62px;height:62px;border-radius:50%;border:2px solid var(--glass-border-gold);background:var(--glass-bg-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--gold);font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}.mic-btn:hover:not(:disabled){background:var(--gold-dim);border-color:var(--gold);transform:scale(1.06);box-shadow:0 0 24px #fdb3024d}.mic-btn.recording{background:#ff3c3c33;border-color:#ff505099;color:#ff6060;animation:micPulse 1s ease-in-out infinite;box-shadow:0 0 24px #ff3c3c40}.mic-btn:disabled{opacity:.35;cursor:not-allowed}@keyframes micPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.linkedin-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#0a66c2;color:#fff;border-radius:var(--radius-pill);font-weight:600;font-size:.95rem;text-decoration:none;transition:all .25s ease;cursor:pointer;border:none;font-family:inherit;box-shadow:0 4px 16px #0a66c259}.linkedin-btn:hover{background:#0958a8;transform:translateY(-1px);box-shadow:0 6px 24px #0a66c280}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:.9rem;line-height:1.5}.alert-error{background:#ff3c3c1f;border:1px solid rgba(255,60,60,.3);color:#ff9090}.alert-success{background:#50dc781a;border:1px solid rgba(80,220,120,.3);color:#80e8a0}.alert-warning{background:#fdb3021a;border:1px solid rgba(253,179,2,.3);color:var(--gold)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in-up{animation:fadeInUp .5s ease forwards}.fade-in{animation:fadeIn .4s ease forwards}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fdb3024d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fdb30280}@media (max-width: 640px){.orb-wrapper{width:120px;height:120px}.orb{width:68px;height:68px}.orb-ring-1{width:120px;height:120px}.orb-ring-2{width:98px;height:98px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}