@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a2e;--bg-card-hover:#1f1f35;--bg-glass:rgba(26,26,46,.7);--border:hsla(0,0%,100%,.06);--border-hover:hsla(0,0%,100%,.12);--text-primary:#f0f0f5;--text-secondary:#8888a0;--text-muted:#55556a;--accent:#6c5ce7;--accent-light:#a29bfe;--accent-glow:rgba(108,92,231,.3);--green:#00b894;--green-glow:rgba(0,184,148,.2);--red:#ff6b6b;--red-glow:hsla(0,100%,71%,.2);--orange:#fdcb6e;--orange-glow:hsla(39,97%,71%,.2);--blue:#74b9ff;--gradient-main:linear-gradient(135deg,#6c5ce7,#a29bfe 50%,#74b9ff);--gradient-card:linear-gradient(145deg,rgba(26,26,46,.9),rgba(18,18,26,.95));--radius:12px;--radius-lg:20px;--radius-sm:8px;--shadow:0 4px 20px rgba(0,0,0,.3);--shadow-lg:0 8px 40px rgba(0,0,0,.4);--shadow-glow:0 0 30px var(--accent-glow)}*{margin:0;padding:0;box-sizing:border-box}body,html{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);background-image:url(/bg.jpg);background-size:cover;background-position:50%;background-attachment:fixed;background-repeat:no-repeat;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{background:rgba(5,5,12,.82)}body:after,body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}body:after{background-image:linear-gradient(rgba(108,92,231,.04) 1px,transparent 0),linear-gradient(90deg,rgba(108,92,231,.04) 1px,transparent 0);background-size:50px 50px;animation:gridPulse 6s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.7}}a{color:var(--accent-light);text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:6px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;letter-spacing:.5px;text-transform:uppercase}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,rgba(108,92,231,.9),rgba(162,155,254,.8));color:#fff;border:1px solid rgba(162,155,254,.5);box-shadow:0 0 15px rgba(108,92,231,.3),inset 0 0 15px rgba(108,92,231,.1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(108,92,231,.5),0 0 60px rgba(108,92,231,.2),inset 0 0 20px rgba(108,92,231,.15);border-color:rgba(162,155,254,.8);text-shadow:0 0 10px hsla(0,0%,100%,.5)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:rgba(26,26,46,.8);color:var(--text-primary);border:1px solid rgba(108,92,231,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:rgba(26,26,46,.95);border-color:rgba(108,92,231,.6);box-shadow:0 0 20px rgba(108,92,231,.15);transform:translateY(-1px)}.btn-danger{background:hsla(0,100%,71%,.2);color:var(--red);border:1px solid hsla(0,100%,71%,.4)}.btn-danger:hover{background:hsla(0,100%,71%,.3);box-shadow:0 0 20px hsla(0,100%,71%,.2);transform:translateY(-1px)}.btn-green{background:rgba(0,184,148,.2);color:#0fc;border:1px solid rgba(0,184,148,.4)}.btn-green:hover{background:rgba(0,184,148,.3);box-shadow:0 0 20px rgba(0,184,148,.3),0 0 40px rgba(0,184,148,.1);transform:translateY(-1px);text-shadow:0 0 8px rgba(0,255,204,.5)}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{padding:16px 32px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn .spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.3px}.input{padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;transition:all .3s ease;outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:100px}.card{background:rgba(10,10,18,.92);border:1px solid rgba(108,92,231,.15);border-radius:var(--radius-lg);padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.card:hover{border-color:rgba(108,92,231,.35);box-shadow:0 0 25px rgba(108,92,231,.1);transform:translateY(-2px)}.card-glass{background:rgba(10,10,18,.88);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(108,92,231,.15);border-radius:var(--radius-lg);padding:24px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.3px}.badge-green{background:var(--green-glow);color:var(--green);border:1px solid rgba(0,184,148,.3)}.badge-orange{background:var(--orange-glow);color:var(--orange);border:1px solid hsla(39,97%,71%,.3)}.badge-red{background:var(--red-glow);color:var(--red);border:1px solid hsla(0,100%,71%,.3)}.badge-blue{background:rgba(116,185,255,.15);color:var(--blue);border:1px solid rgba(116,185,255,.3)}.badge-purple{background:var(--accent-glow);color:var(--accent-light);border:1px solid rgba(108,92,231,.3)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.container,.page{position:relative;z-index:1}.page{min-height:100vh}.navbar{justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(108,92,231,.2);margin-bottom:32px;background:rgba(10,10,18,.85);border-radius:var(--radius);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.navbar,.navbar-brand{display:flex;align-items:center}.navbar-brand{gap:10px;font-size:20px;font-weight:800;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.navbar-brand .logo-icon{font-size:24px;-webkit-text-fill-color:initial}.navbar-nav{gap:16px}.navbar-nav,.navbar-user{display:flex;align-items:center}.navbar-user{gap:12px;color:var(--text-secondary);font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.stat-card{background:rgba(10,10,18,.9);border:1px solid rgba(108,92,231,.15);border-radius:var(--radius);padding:20px;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.stat-value{font-size:32px;font-weight:800;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.feedback-content{line-height:1.7;font-size:15px;color:var(--text-primary)}.feedback-content strong{color:var(--accent-light)}.feedback-content ul{padding-left:20px;margin:8px 0}.feedback-content li{margin-bottom:6px}.file-upload{border:2px dashed var(--border);border-radius:var(--radius);padding:32px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-secondary)}.file-upload:hover{border-color:var(--accent);background:rgba(108,92,231,.05)}.file-upload.has-file{border-color:var(--green);background:var(--green-glow)}.file-upload-icon{font-size:40px;margin-bottom:8px}.file-upload-text{font-size:14px;color:var(--text-secondary)}.file-upload-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:rgba(10,10,18,.96);border:1px solid rgba(108,92,231,.2);border-radius:var(--radius-lg);padding:32px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-title{font-size:20px;font-weight:700;margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;margin:40px 0}.pricing-card{background:rgba(10,10,18,.92);border:1px solid rgba(108,92,231,.15);border-radius:var(--radius-lg);padding:32px;text-align:center;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 0 30px rgba(108,92,231,.15)}.pricing-card.featured{border-color:rgba(108,92,231,.5);box-shadow:0 0 30px rgba(108,92,231,.2)}.pricing-card.featured:before{content:"⭐ Популярный";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gradient-main);color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:700}.pricing-name{font-size:22px;font-weight:700;margin-bottom:8px}.pricing-price{font-size:48px;font-weight:900;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-period{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.pricing-features{list-style:none;text-align:left;margin-bottom:24px}.pricing-features li{padding:8px 0;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.pricing-features li:before{content:"⟩";color:#0fc;font-weight:700;font-size:12px}.hero{text-align:center;padding:80px 0 40px}.hero-title{font-size:56px;font-weight:900;line-height:1.1;margin-bottom:20px;letter-spacing:-2px}.hero-title .gradient-text{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto 32px;line-height:1.6}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px;margin:60px 0}.feature-card{background:rgba(10,10,18,.92);border:1px solid rgba(108,92,231,.15);border-radius:var(--radius-lg);padding:32px;transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.feature-card:hover{border-color:rgba(108,92,231,.5);transform:translateY(-2px);box-shadow:0 0 30px rgba(108,92,231,.1)}.cyber-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:20px;border:1px solid rgba(108,92,231,.3);position:relative;transition:all .3s ease}.feature-card:hover .cyber-icon{transform:scale(1.1);box-shadow:0 0 25px rgba(108,92,231,.2)}.feature-icon{font-size:36px;margin-bottom:16px}.cyber-tag{display:inline-block;padding:6px 14px;background:rgba(108,92,231,.1);border:1px solid rgba(108,92,231,.3);border-radius:4px;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent-light);font-family:Courier New,monospace;text-transform:uppercase}.feature-title{font-size:17px;font-weight:700;margin-bottom:10px;color:var(--text-primary);letter-spacing:.3px}.feature-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .5s ease}.slide-up{animation:slideUp .5s ease}.limit-warning{background:var(--orange-glow);border:1px solid hsla(39,97%,71%,.3);border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;gap:12px;margin-bottom:24px}.limit-warning-icon{font-size:24px}.limit-warning-text{font-size:14px;color:var(--orange)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state-text{font-size:16px;margin-bottom:24px}.workers-list{display:flex;flex-direction:column;gap:12px}.worker-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;transition:all .3s}.worker-row:hover{border-color:var(--border-hover)}.worker-info{display:flex;flex-direction:column;gap:2px}.worker-name{font-weight:600;font-size:15px}.worker-email{font-size:13px;color:var(--text-secondary)}.worker-stats{display:flex;gap:16px;align-items:center}@media (max-width:768px){.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.navbar{flex-direction:column;gap:12px}.modal{padding:20px;width:95%}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.auth-card{width:100%;max-width:420px}.auth-title{font-size:28px;font-weight:800;text-align:center;margin-bottom:8px}.auth-subtitle{text-align:center;color:var(--text-secondary);font-size:14px;margin-bottom:28px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-footer{text-align:center;margin-top:20px;font-size:14px;color:var(--text-secondary)}.error-message{background:var(--red-glow);border:1px solid hsla(0,100%,71%,.3);border-radius:var(--radius-sm);padding:12px;font-size:13px;color:var(--red);text-align:center}.cards-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.cards-header h2{font-size:24px;font-weight:700}.cards-grid{display:flex;flex-direction:column;gap:16px}.feedback-card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;cursor:pointer;transition:all .3s ease}.feedback-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.feedback-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.feedback-card-title{font-size:16px;font-weight:600}.feedback-card-date{font-size:12px;color:var(--text-muted)}.feedback-card-desc{font-size:14px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feedback-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.feedback-card-user{font-size:12px;color:var(--text-muted)}audio{width:100%;margin:12px 0;border-radius:var(--radius-sm)}.section-title{font-size:36px;font-weight:800;text-align:center;margin-bottom:12px}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:16px;margin-bottom:40px}.fb-blocks{display:flex;flex-direction:column;gap:16px}.fb-block{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;animation:slideUp .4s ease;animation-fill-mode:both}.fb-block:first-child{animation-delay:.05s}.fb-block:nth-child(2){animation-delay:.1s}.fb-block:nth-child(3){animation-delay:.15s}.fb-block:nth-child(4){animation-delay:.2s}.fb-block:nth-child(5){animation-delay:.25s}.fb-block:nth-child(6){animation-delay:.3s}.fb-block-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.2)}.fb-block-step{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}.fb-block-step.step-score{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff}.fb-block-step.step-psycho{background:linear-gradient(135deg,#00b894,#55efc4);color:#0a0a0f}.fb-block-step.step-reason{background:linear-gradient(135deg,#ff6b6b,#ff9ff3);color:#fff}.fb-block-step.step-mistakes{background:linear-gradient(135deg,#fdcb6e,#f0932b);color:#0a0a0f}.fb-block-step.step-strategy{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff}.fb-block-step.step-good{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff}.fb-block-title{font-size:15px;font-weight:700;color:var(--text-primary)}.fb-block-body{padding:16px 20px;font-size:14px;line-height:1.7;color:var(--text-secondary)}.fb-block-body strong{color:var(--accent-light)}.fb-block-body ul{padding-left:18px;margin:8px 0}.fb-block-body li{margin-bottom:6px}.fb-score{display:flex;align-items:center;gap:16px}.fb-score-number{font-size:48px;font-weight:900;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.fb-score-bar{flex:1 1;height:8px;background:hsla(0,0%,100%,.06);border-radius:4px;overflow:hidden}.fb-score-fill{height:100%;border-radius:4px;background:var(--gradient-main);transition:width 1s ease}.fb-score-text{font-size:14px;color:var(--text-secondary);margin-top:8px}.fb-mistake{background:rgba(0,0,0,.2);border-radius:var(--radius-sm);padding:14px;margin-bottom:12px;border:1px solid var(--border);border-left:3px solid var(--orange)}.fb-mistake-time{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:var(--orange-glow);border:1px solid hsla(39,97%,71%,.3);border-radius:20px;font-size:12px;font-weight:700;color:var(--orange);margin-bottom:8px;cursor:pointer;transition:all .2s}.fb-mistake-time:hover{background:hsla(39,97%,71%,.3);transform:scale(1.05)}.fb-mistake-quote{font-style:italic;color:var(--text-secondary);padding:8px 12px;background:hsla(0,0%,100%,.03);border-radius:6px;margin:6px 0;border-left:2px solid var(--accent);font-size:13px}.fb-mistake-why{font-size:13px;color:var(--red);margin-top:6px}.timestamp-link{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--accent-glow);border:1px solid rgba(108,92,231,.3);border-radius:12px;font-size:12px;font-weight:700;color:var(--accent-light);cursor:pointer;transition:all .2s;text-decoration:none}.timestamp-link:hover{background:rgba(108,92,231,.4);transform:scale(1.05);color:#fff}.fb-locked{position:relative}.fb-locked .fb-block-body{filter:blur(5px);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.fb-locked-overlay{position:absolute;top:50px;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(10,10,15,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:0 0 var(--radius) var(--radius);padding:20px;z-index:2}.fb-locked-icon{font-size:32px;margin-bottom:8px}.fb-locked-text{font-size:14px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:12px}.fb-locked-sub{font-size:12px;color:var(--text-muted);margin-bottom:12px}.fb-phrase{background:rgba(0,184,148,.08);border:1px solid rgba(0,184,148,.2);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:10px;font-size:13px;color:var(--text-primary);line-height:1.6;border-left:3px solid var(--green)}.fb-phrase-label{font-size:11px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.footer{border-top:1px solid var(--border);padding:40px 0;text-align:center;color:var(--text-muted);font-size:13px;margin-top:80px}