@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;550;600;650;700;750;800;900&display=swap');
:root{font-family:'Golos Text',Arial,sans-serif;color:#202020;background:#f7f7f7;font-synthesis:none;font-size:16px;--muted:#777;--line:#e6e6e6;--black:#171717}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #888;outline-offset:5px}button:disabled{opacity:.5;cursor:not-allowed}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.brand{display:flex;align-items:center;gap:11px;text-align:left}.brand-mark{font-size:32px;line-height:1;font-weight:800;letter-spacing:-5px;padding-right:6px}.brand-name{font-weight:700;font-size:17px;letter-spacing:-.5px}.brand-name small{display:block;font-size:12px;letter-spacing:3px;font-weight:500;margin-top:4px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:600}.muted{color:var(--muted)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 20px;border-radius:7px;font-weight:550;font-size:14px;transition:background .2s,transform .2s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.primary{background:var(--black);color:#fff}.primary:hover{background:#353535}.secondary{border:1px solid #dedede;background:white}.secondary:hover{background:#f4f4f4}.text-btn{padding:8px 0;font-size:14px;text-decoration:underline;text-underline-offset:5px}.white-btn{background:#fff;color:#171717}.intro{min-height:100vh;background:#fff;display:grid;grid-template-columns:1.08fr 1fr}.intro-left{padding:42px clamp(30px,5vw,88px);display:flex;flex-direction:column;min-height:850px;position:relative;overflow:hidden}.intro-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.intro-top .eyebrow{font-size:12px;color:#777}.intro-pitch{margin:auto 0;padding:75px 0 54px;max-width:660px}.intro-pitch .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:29px}.intro-pitch .eyebrow:before{content:'';width:22px;height:1px;background:#222}.intro h1{font-size:clamp(44px,4.6vw,72px);line-height:1.03;letter-spacing:-3.8px;font-weight:550;margin:0 0 27px}.intro h1 span{color:#999}.intro-description{font-size:17px;line-height:1.7;color:#737373;max-width:435px}.percentage{display:flex;align-items:center;gap:25px;margin:43px 0}.percentage strong{font-size:88px;font-weight:450;letter-spacing:-6px;line-height:1}.percentage strong span{font-size:42px;letter-spacing:-3px}.percentage p{font-size:14px;line-height:1.6;color:#777}.intro-steps{display:flex;border-top:1px solid #ddd;padding-top:23px;gap:30px}.intro-step{flex:1;font-size:14px;line-height:1.6}.intro-step span{font-size:12px;color:#aaa;display:block;margin-bottom:8px}.intro-bottom{display:flex;justify-content:space-between;font-size:12px;color:#888;gap:20px}.intro-right{background:#191919;color:white;padding:42px clamp(30px,5.5vw,96px);display:flex;flex-direction:column}.intro-right-top{display:flex;justify-content:flex-end;align-items:center;font-size:12px;gap:10px;color:#aaa}.demo-badge{border:1px solid #484848;border-radius:30px;padding:6px 10px;font-size:12px;letter-spacing:1px;color:#bbb}.signup{margin:auto 0;padding:45px 0;max-width:450px;width:100%;align-self:center}.signup h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:0 0 13px}.signup>p{font-size:14px;color:#999;line-height:1.6;margin-bottom:30px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:19px;font-size:14px}.field input,.field textarea,.field select{width:100%;border:1px solid #dfdfdf;border-radius:6px;outline:none;min-height:48px;padding:12px 14px;background:#fff;color:#222;font-size:14px}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#222;box-shadow:0 0 0 2px #ddd}.signup .field{color:#ccc}.signup .field input{background:#242424;border-color:#393939;color:white}.signup .field input:focus{border-color:#888;box-shadow:0 0 0 2px #444}.signup input::placeholder{color:#777}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.signup .btn{width:100%;margin-top:12px;min-height:50px}.signup .note{font-size:12px;line-height:1.6;color:#888;margin:17px 0 0}.signup .separator{display:flex;gap:18px;align-items:center;color:#777;font-size:12px;margin:24px 0 12px}.separator:before,.separator:after{content:'';height:1px;flex:1;background:#363636}.signup .demo-link{border:1px solid #454545;color:#ddd;background:none;margin:0}.intro-right-footer{font-size:12px;color:#777;text-align:center}.workspace{display:flex;min-height:100vh}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:#191919;color:#f5f5f5;display:flex;flex-direction:column;padding:33px 20px 20px;z-index:10}.sidebar .brand{margin:0 13px 55px}.sidebar-label{font-size:12px;letter-spacing:1.6px;color:#737373;margin:0 15px 14px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 15px;text-align:left;color:#a2a2a2;font-size:14px;border-radius:7px;margin-bottom:5px}.nav-item.active{background:#343434;color:#fff}.nav-item:hover{background:#2a2a2a;color:white}.nav-item .count{margin-left:auto;font-size:12px;background:#4d4d4d;color:#eee;border-radius:5px;padding:3px 7px}.side-bottom{margin-top:auto;padding-top:50px}.partner-rate{border:1px solid #3a3a3a;border-radius:9px;padding:20px;margin-bottom:24px}.partner-rate .eyebrow{font-size:12px;color:#888}.partner-rate strong{font-size:40px;letter-spacing:-2px;font-weight:450;display:block;margin:12px 0 8px}.partner-rate p{font-size:12px;color:#999;line-height:1.6;margin:0}.side-profile{display:flex;align-items:center;gap:10px;padding:18px 8px 0;border-top:1px solid #363636}.avatar{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e8e8e8;color:#444;font-size:12px;font-weight:500;flex-shrink:0}.side-profile .avatar{background:#393939;color:#eee}.profile-name{font-size:12px;line-height:1.7}.profile-name span{display:block;color:#777;font-size:12px}.side-profile button{margin-left:auto;color:#888;padding:5px}.main{margin-left:246px;width:calc(100% - 246px)}.topbar{height:82px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 45px;font-size:14px}.topbar-left{display:flex;gap:12px;align-items:center;color:#999}.topbar-left span:last-child{color:#444}.topbar-right{display:flex;align-items:center;gap:20px}.prototype{font-size:12px;color:#777;background:#f4f4f4;border:1px solid #e6e6e6;border-radius:5px;padding:6px 9px}.mobile-menu{display:none}.content{padding:40px 45px;max-width:1600px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading h1{font-size:30px;font-weight:550;letter-spacing:-1px;margin:0 0 10px}.page-heading p{color:#888;font-size:14px;margin:0;line-height:1.6}.welcome-banner{background:#eee;position:relative;border:1px solid #e1e1e1;display:flex;align-items:center;justify-content:space-between;overflow:hidden;border-radius:10px;padding:30px 34px;margin-bottom:26px;gap:24px}.welcome-banner .eyebrow{font-size:12px;color:#777;margin-bottom:12px}.welcome-banner h2{font-size:22px;font-weight:500;letter-spacing:-.5px;margin:0 0 10px}.welcome-banner p{font-size:14px;color:#777;line-height:1.6;margin:0;max-width:510px}.banner-number{font-size:84px;letter-spacing:-6px;line-height:1;font-weight:450;padding-right:12px;color:#242424;white-space:nowrap}.banner-number span{font-size:42px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat{background:white;border:1px solid var(--line);border-radius:9px;padding:22px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#777;gap:6px}.stat-top svg{width:17px;height:17px;color:#999}.stat-value{font-size:32px;letter-spacing:-1px;line-height:1.3;margin-top:17px;font-weight:500}.stat-foot{font-size:12px;color:#999;margin-top:7px}.stat.dark{background:#202020;color:#fff;border-color:#202020}.stat.dark .stat-top,.stat.dark .stat-foot{color:#a4a4a4}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:15px}.section-heading h2{font-size:18px;font-weight:550;margin:0;letter-spacing:-.3px}.section-heading button{font-size:12px;color:#777}.panel{border:1px solid var(--line);background:white;border-radius:10px;overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-weight:400;font-size:12px;color:#999;background:#fcfcfc;padding:15px 22px;border-bottom:1px solid var(--line)}td{padding:20px 22px;border-bottom:1px solid #eee;font-size:14px}tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover{background:#fafafa}.client{display:flex;align-items:center;gap:13px}.client .avatar{border-radius:9px;font-size:12px;background:#f0f0f0}.client strong{font-weight:500;font-size:14px;display:block}.client small{display:block;color:#999;font-size:12px;margin-top:5px}.status{font-size:12px;display:inline-flex;align-items:center;gap:6px;background:#f1f1f1;border:1px solid #e4e4e4;border-radius:5px;padding:6px 8px;color:#555}.status i{width:5px;height:5px;background:#858585;border-radius:50%}.status.work{background:#e8e8e8;color:#222;border-color:#ddd}.status.work i{background:#222}.status.paid{background:#252525;color:#fff;border-color:#252525}.status.paid i{background:#fff}.money{font-weight:500}.money small{display:block;color:#999;font-weight:400;font-size:12px;margin-top:5px}.open-row{color:#888}.dashboard-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;margin-top:28px}.bottom-card{padding:25px 27px}.bottom-card h2{font-size:16px;font-weight:500;margin:0 0 22px}.steps{display:flex;gap:20px}.step{flex:1}.step-number{width:25px;height:25px;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;margin-bottom:12px}.step h3{font-size:12px;font-weight:500;margin:0 0 8px}.step p{font-size:12px;line-height:1.7;color:#999;margin:0}.activity{display:flex;align-items:flex-start;gap:13px;margin:17px 0}.activity:last-child{margin-bottom:0}.activity-icon{background:#f4f4f4;border:1px solid #e7e7e7;padding:8px;border-radius:7px}.activity-icon svg{width:15px;height:15px}.activity p{font-size:12px;margin:0 0 6px;line-height:1.5}.activity small{font-size:12px;color:#999}.content-footer{display:flex;justify-content:space-between;margin-top:28px;color:#aaa;font-size:12px;gap:15px}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter{font-size:12px;padding:10px 15px;border:1px solid #ddd;background:white;border-radius:6px}.filter.active{background:#222;color:#fff;border-color:#222}.search{margin-left:auto;min-width:220px;padding:11px 13px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:white}.empty{text-align:center;padding:65px 20px;color:#888;font-size:14px}.empty h3{color:#333;font-weight:500}.rules{max-width:800px}.rules section{padding:28px 0;border-bottom:1px solid #ddd}.rules h2{font-weight:500;font-size:21px}.rules p{line-height:1.8;color:#777;font-size:15px}.rules .big-number{font-size:75px;font-weight:450;letter-spacing:-5px}.settings{max-width:600px;padding:30px}.payout-note{font-size:14px;line-height:1.7;color:#777;padding:24px}.backdrop{display:none}dialog{border:1px solid #ddd;border-radius:14px;padding:0;width:min(580px,calc(100% - 32px));max-height:90vh;color:#222;box-shadow:0 30px 100px #0002}dialog::backdrop{background:#0007;backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:27px 30px 20px;border-bottom:1px solid #eee;gap:20px}.modal-header h2{font-size:23px;letter-spacing:-.7px;font-weight:500;margin:0 0 7px}.modal-header p{font-size:12px;color:#999;margin:0}.close{font-size:25px;color:#888;padding:0 3px;line-height:1}.modal-body{padding:25px 30px 30px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#888;line-height:1.6}.check input{accent-color:#222;margin-top:4px;flex-shrink:0}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:23px 0}.detail-info span{color:#999;font-size:12px;display:block;margin-bottom:8px}.detail-info strong{font-weight:450;font-size:14px;overflow-wrap:anywhere}.detail-description{background:#f5f5f5;border-radius:7px;padding:15px;font-size:14px;line-height:1.7;color:#777}.timeline{display:flex;margin:24px 0 30px}.timeline-step{flex:1;font-size:12px;color:#aaa;border-top:2px solid #ddd;padding-top:10px}.timeline-step.done{border-color:#222;color:#222}.comment-title{font-size:15px;font-weight:500;margin:20px 0}.comment{padding:14px 16px;background:#f5f5f5;border-radius:8px;margin-bottom:12px}.comment.mine{background:#eee}.comment strong{font-size:12px;font-weight:500}.comment time{font-size:12px;color:#999;float:right}.comment p{font-size:12px;line-height:1.7;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.comment-form{display:flex;align-items:flex-start;gap:8px}.comment-form textarea{width:100%;resize:vertical;min-height:46px;max-height:140px;padding:12px;border:1px solid #ddd;border-radius:7px;font-size:12px}.comment-form .btn{padding:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#222;color:white;box-shadow:0 5px 30px #0002;border-radius:9px;padding:14px 23px;font-size:14px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 30px)}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.intro-pitch{padding-top:100px}.intro-left{min-height:100vh}}
@media(max-width:1200px){.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}.content{padding:30px}.topbar{padding:0 30px}.stat{padding:17px}.stat-value{font-size:27px}.dashboard-bottom{grid-template-columns:1fr}.intro-left,.intro-right{padding:35px}.intro h1{font-size:55px}.intro-top .eyebrow{display:none}td,th{padding:18px 15px}.stat-top{font-size:12px}}
@media(max-width:850px){.intro{grid-template-columns:1fr}.intro-left{min-height:auto;padding:28px}.intro-pitch{padding:55px 0 35px;max-width:580px}.intro h1{font-size:54px}.intro-description{font-size:16px}.intro-bottom{display:none}.intro-right{padding:26px 28px 30px}.intro-right-top{justify-content:center}.signup{max-width:580px;padding-top:30px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.backdrop.open{display:block;position:fixed;inset:0;background:#0006;z-index:9}.main{margin-left:0;width:100%}.topbar{height:68px;padding:0 24px}.mobile-menu{display:block;margin-right:8px}.topbar-right .muted{display:none}.content{padding:28px 24px}.stats{gap:12px}.stat-top svg{display:none}.banner-number{font-size:70px}.welcome-banner{padding:25px}.page-heading h1{font-size:27px}}
@media(max-width:540px){.intro h1{font-size:46px;letter-spacing:-2.5px}.intro-steps{gap:16px}.intro-step{font-size:12px}.intro-pitch{padding:45px 0 25px}.percentage strong{font-size:76px}.percentage{margin:30px 0}.field-row{grid-template-columns:1fr;gap:0}.signup h2{font-size:27px}.content{padding:25px 17px}.topbar{padding:0 17px}.topbar-left{font-size:12px;gap:5px}.topbar-right{gap:8px}.prototype{font-size:12px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:24px;gap:18px}.page-heading .btn{width:100%}.page-heading h1{font-size:26px}.page-heading p{font-size:12px}.welcome-banner{align-items:flex-start;padding:22px;gap:12px}.welcome-banner h2{font-size:18px}.welcome-banner p{font-size:12px}.banner-number{font-size:48px;letter-spacing:-3px;padding:0}.banner-number span{font-size:25px}.stats{grid-template-columns:1fr 1fr;margin-bottom:28px}.stat{padding:18px}.stat-top{font-size:12px}.stat-value{font-size:29px}.stat-foot{font-size:12px}.bottom-card{padding:22px}.steps{gap:13px}.step h3{font-size:12px}.step p{font-size:12px}.section-heading h2{font-size:16px}.section-heading button{font-size:12px}.content-footer{font-size:12px;line-height:1.6}.search{width:100%;margin-top:6px}.filter{padding:9px 10px;font-size:12px}.modal-header{padding:23px 22px 18px}.modal-body{padding:22px}.detail-info{gap:18px}.detail-info strong{font-size:12px}.timeline-step{font-size:12px}.comment time{float:none;display:block;margin-top:5px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.status{font-size:14px}.stat-top{font-size:14px}.client strong{font-size:14px}.step p,.activity p{font-size:14px}.intro-step{font-size:14px}.signup>p,.intro-description{font-size:16px}.welcome-banner p{font-size:14px}