:root{--arka-navy:#0e1c54;--arka-blue:#5aaaf2;--bg:#f5fafd;--text-primary:#0b0f1a;--text-secondary:#6b7280;--border:#e6edf5;--card-bg:#fff;--success:#067647;--success-bg:#f2fff7;--danger:#b42318;--danger-bg:#fff6f5;--blue-soft:#eef7ff;--navy-soft:#f1f5ff;--shadow-sm:0 10px 30px #0e1c540f;--shadow-md:0 18px 44px #0e1c541a;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;color:var(--text-primary);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top left, #5aaaf229, transparent 34rem), linear-gradient(180deg, #fff 0%, var(--bg) 18rem);color:var(--text-primary);margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--arka-navy);letter-spacing:-.03em}h1{font-size:clamp(32px,10vw,46px);font-weight:800;line-height:1.04}h2{font-size:clamp(22px,6vw,28px);font-weight:750;line-height:1.16}h3{font-size:18px;font-weight:750;line-height:1.25}strong{color:var(--text-primary);font-weight:750}.page{min-height:100vh;padding:18px 14px 40px}.container{width:100%;max-width:780px;margin:0 auto}.topbar{flex-direction:column;gap:12px;margin:6px 0 22px;display:flex}.back{border:1px solid var(--border);min-height:36px;color:var(--text-secondary);background:#ffffffd1;border-radius:999px;align-self:flex-start;align-items:center;padding:7px 12px;font-size:14px;font-weight:650;display:inline-flex;box-shadow:0 4px 14px #0e1c540a}.back:hover{color:var(--arka-navy);border-color:#5aaaf273}.lead,.auth-text,.home-sublead,.hero-text{color:var(--text-secondary);font-size:16px;line-height:1.62}.lead{margin-bottom:20px}.muted,.hint,.meta{color:var(--text-secondary)}.meta{background:var(--navy-soft);width:fit-content;color:var(--arka-navy);letter-spacing:.01em;border-radius:999px;align-items:center;margin-bottom:10px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.hint{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fafdff;margin-top:10px;padding:12px 14px;font-size:13px;line-height:1.55}.home{text-align:center;padding-top:44px}.home-title{margin-bottom:20px}.home-lead{max-width:720px;color:var(--arka-navy);margin:0 auto 12px;font-size:20px;font-weight:750;line-height:1.35}.home-sublead{max-width:560px;margin:0 auto 28px}.hero-block,.auth-shell{flex-direction:column;gap:18px;width:100%;max-width:620px;margin:28px auto 0;display:flex}.hero-block{text-align:center;align-items:center}.auth-shell{box-shadow:var(--shadow-sm);background:#ffffffeb;border:1px solid #e6edf5e6;border-radius:28px;padding:24px}.brand-title,.brand-mark,.auth-brand{min-height:52px;color:var(--arka-navy);letter-spacing:-.055em;background:#fff;border:1px solid #e6edf5eb;border-radius:18px;justify-content:center;align-self:center;align-items:center;padding:0 18px;font-size:34px;font-weight:850;line-height:1;display:inline-flex;box-shadow:0 10px 26px #0e1c540f}.auth-brand{margin-bottom:2px}.auth-text{text-align:center}.role-badge{border:1px solid var(--border);color:var(--text-secondary);background:#ffffffe0;border-radius:999px;padding:10px 14px;font-size:14px;box-shadow:0 8px 24px #0e1c540d}.actions,.hero-actions,.auth-actions,.stack,.form{flex-direction:column;display:flex}.actions,.hero-actions,.auth-actions{gap:12px}.hero-actions{width:100%;max-width:420px}.stack,.form{gap:14px}.card{border-radius:var(--radius-lg);background:var(--card-bg);width:100%;box-shadow:var(--shadow-sm);border:1px solid #e6edf5f5;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#5aaaf247;transform:translateY(-1px)}.card-body{flex-direction:column;gap:14px;padding:20px;display:flex}.price{background:var(--blue-soft);width:fit-content;color:var(--arka-navy);border-radius:999px;margin:2px 0;padding:10px 12px;font-size:15px}.button{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:15px;justify-content:center;align-items:center;width:100%;min-height:50px;padding:13px 18px;font-size:15px;font-weight:750;line-height:1.2;transition:transform .16s,background .18s,color .18s,border-color .18s,box-shadow .18s,opacity .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--arka-navy);color:#fff;box-shadow:0 12px 24px #0e1c542e}.button.primary:hover:not(:disabled){background:#162872;box-shadow:0 14px 28px #0e1c5438}.button.secondary{border-color:var(--border);color:var(--arka-navy);background:#fff;box-shadow:0 8px 20px #0e1c540d}.button.secondary:hover:not(:disabled){background:#fafdff;border-color:#5aaaf28c}.button.ghost{color:var(--arka-blue);background:0 0}.button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}.actions-row{flex-direction:column;gap:10px;margin-top:4px;display:flex}.field{text-align:left;flex-direction:column;gap:8px;display:flex}.field label,.field>span{color:var(--arka-navy);font-size:14px;font-weight:750}.field input,.field textarea{border:1px solid var(--border);width:100%;color:var(--text-primary);background:#fff;border-radius:16px;outline:none;padding:14px 15px;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:0 4px 16px #0e1c5408}.field textarea{resize:vertical;min-height:128px}.field input::placeholder,.field textarea::placeholder{color:#9aa3b2}.field input:focus,.field textarea:focus{border-color:var(--arka-blue);background:#fff;box-shadow:0 0 0 4px #5aaaf229}.field input[type=file]{color:var(--text-secondary);background:#fafdff;border-style:dashed;padding:12px}.field input[type=file]::file-selector-button{background:var(--arka-navy);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:12px;margin-right:12px;padding:10px 13px;font-weight:750}.form-error,.form-success{border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;line-height:1.5}.form-error{background:var(--danger-bg);color:var(--danger);border:1px solid #ffd3ce}.form-success{background:var(--success-bg);color:var(--success);border:1px solid #bfefcc}.test-code-block{border-radius:var(--radius-sm);background:var(--success-bg);color:var(--success);border:1px solid #bfefcc;flex-direction:column;gap:4px;padding:14px;font-size:14px;display:flex}.photo-preview-wrap{flex-direction:column;gap:12px;margin-top:8px;display:flex}.photo-preview,.detail-photo{border:1px solid var(--border);object-fit:cover;width:100%;box-shadow:var(--shadow-sm);border-radius:18px}.photo-preview{max-width:360px}.task-image{object-fit:cover;border-bottom:1px solid var(--border);width:100%;height:220px;display:block}.detail-card{gap:18px}.detail-header{flex-direction:column;gap:8px;display:flex}.detail-stats,.task-meta{grid-template-columns:1fr;gap:10px;display:grid}.detail-stat,.task-meta>div{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fafdff;flex-direction:column;gap:5px;min-width:0;padding:14px;display:flex}.detail-stat strong,.task-meta strong{line-height:1.35}.detail-photo-grid{grid-template-columns:1fr;gap:12px;display:grid}.detail-photo{height:230px}.section-block{flex-direction:column;gap:14px;display:flex}.section-title{padding-left:4px}.telegram-panel{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);text-align:left;background:#f8fcff;border:1px solid #5aaaf247;flex-direction:column;gap:14px;padding:18px;display:flex}.telegram-panel h2{font-size:22px}.telegram-panel-content,.telegram-link-instructions{flex-direction:column;gap:10px;display:flex}.telegram-panel-content p,.telegram-link-instructions p,.telegram-panel-success p{color:var(--text-secondary)}.telegram-panel-success{background:var(--success-bg);border-color:#bfefcc}.telegram-command{border:1px dashed var(--arka-blue);border-radius:var(--radius-sm);width:100%;color:var(--arka-navy);-webkit-user-select:all;user-select:all;background:#fff;padding:14px 16px;font:750 17px/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:block;overflow-x:auto}@media (width>=641px){.page{padding:28px 22px 56px}.hero-block,.auth-shell{margin-top:60px}.auth-shell{padding:34px}.card-body{padding:24px}.actions-row{flex-flow:wrap;align-items:center}.actions-row .button,.auth-actions .button{width:auto}.detail-stats,.task-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-photo-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.hero-block .brand-lockup,.auth-shell .auth-brand-lockup{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:0 auto 28px;display:flex}.hero-block .brand-mark,.auth-shell .auth-brand-mark{object-fit:contain;background:0 0;border:0;border-radius:32px;flex:none;width:128px;height:128px;min-height:0;padding:0;display:block;box-shadow:0 22px 48px #0e1c542e}.hero-block .brand-lockup .brand-title,.auth-shell .auth-brand-lockup .auth-brand{min-height:0;box-shadow:none;color:#102a73;letter-spacing:-.055em;background:0 0;border:0;padding:0;font-size:48px;font-weight:900;line-height:.95;display:block}.hero-block .brand-subtitle,.auth-shell .auth-brand-subtitle{color:#102a73;letter-spacing:-.02em;text-align:center;margin:0;font-size:17px;font-weight:700}.hero-block>.lead{max-width:640px;margin-left:auto;margin-right:auto}.auth-shell h1,.auth-shell .auth-text{text-align:center;margin-left:auto;margin-right:auto}.auth-shell .form{width:100%}.auth-shell .button,.card .hero-actions .button{justify-content:center}.card .hero-actions{width:100%;max-width:440px;margin-left:auto;margin-right:auto}.card .hero-actions .button{width:100%}.task-card-clickable{cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.task-card-clickable:hover{border-color:#5aaaf28c;transform:translateY(-1px);box-shadow:0 18px 42px #0e1c541f}.task-card-clickable:focus-visible{outline-offset:3px;outline:3px solid #5aaaf261}.task-card-clickable:active{transform:translateY(0)}