/* KonkurPlanner Auth UI — V18.28.11 */
:root{--auth-bg:#060607;--auth-panel:#0c0d10;--auth-panel-2:#111216;--auth-border:rgba(255,255,255,.09);--auth-border-strong:rgba(212,175,55,.32);--gold:#d7b44b;--gold-2:#f0d778;--gold-3:#8f6f19;--text:#f7f7f4;--muted:#9fa3ad;--muted-2:#70747e;--danger:#ff7272;--success:#77d69a;--shadow:0 35px 100px rgba(0,0,0,.58)}
*{box-sizing:border-box}html{min-height:100%;background:var(--auth-bg)}body.auth-page{margin:0;min-height:100dvh;color:var(--text);font-family:Tahoma,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 12% 8%,rgba(212,175,55,.13),transparent 25%),radial-gradient(circle at 88% 86%,rgba(118,91,16,.12),transparent 30%),linear-gradient(145deg,#050506 0%,#090a0c 46%,#050506 100%);padding:72px 24px 34px;overflow-x:visible;position:relative;display:flex;align-items:center;justify-content:center}.auth-page [hidden]{display:none!important}.auth-page a{-webkit-tap-highlight-color:transparent}.auth-ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.auth-ambient:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 78%)}.auth-ambient i{position:absolute;border:1px solid rgba(212,175,55,.1);border-radius:50%;filter:blur(.2px)}.auth-ambient i:nth-child(1){width:420px;height:420px;top:-190px;right:-110px}.auth-ambient i:nth-child(2){width:260px;height:260px;bottom:-100px;left:6%}.auth-ambient i:nth-child(3){width:110px;height:110px;top:18%;left:7%;background:radial-gradient(circle,rgba(212,175,55,.08),transparent 68%)}
.top-nav-btn{position:fixed!important;top:max(18px,env(safe-area-inset-top))!important;left:24px!important;z-index:30!important;display:inline-flex!important;align-items:center!important;gap:12px!important;min-height:48px!important;padding:7px 9px 7px 14px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.1)!important;background:rgba(10,11,13,.78)!important;color:var(--text)!important;text-decoration:none!important;backdrop-filter:blur(18px)!important;box-shadow:0 10px 30px rgba(0,0,0,.28)!important;transition:.22s ease!important}.top-nav-btn:hover{border-color:rgba(212,175,55,.42)!important;background:#101115!important;transform:translateY(-2px)!important}.top-nav-copy{display:flex;flex-direction:column;line-height:1.25;text-align:right}.top-nav-copy small{font-size:10px;color:var(--muted-2);font-weight:500}.top-nav-copy b{font-size:12px;color:var(--gold-2)}.top-nav-arrow{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold-2),#b88c20);color:#111;font-size:18px;font-weight:900}
.auth-shell{position:relative;z-index:2;width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.88fr);min-height:680px;border:1px solid var(--auth-border);border-radius:30px;overflow:hidden;background:rgba(8,9,11,.8);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.register-shell{min-height:780px;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr)}
.auth-showcase{position:relative;padding:44px 46px 38px;background:radial-gradient(circle at 15% 20%,rgba(212,175,55,.14),transparent 34%),linear-gradient(160deg,#12100b 0%,#0b0c0f 45%,#07080a 100%);border-left:1px solid rgba(212,175,55,.13);display:flex;flex-direction:column;min-width:0;overflow:hidden}.auth-showcase:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(212,175,55,.13);border-radius:38% 62% 56% 44%;right:-185px;bottom:-140px;transform:rotate(24deg)}.auth-showcase:after{content:"KP";position:absolute;left:-18px;bottom:-48px;font:900 180px/1 Arial;color:rgba(255,255,255,.018);letter-spacing:-15px}.showcase-brand{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.brand-emblem{width:54px;height:54px;border-radius:18px;padding:1px;background:linear-gradient(145deg,var(--gold-2),rgba(212,175,55,.15) 55%,rgba(255,255,255,.15));box-shadow:0 14px 38px rgba(212,175,55,.12)}.brand-emblem span{width:100%;height:100%;border-radius:17px;display:grid;place-items:center;background:#0b0c0e;color:var(--gold-2);font:900 17px/1 Arial;letter-spacing:-1px}.showcase-brand>div:last-child{display:flex;flex-direction:column;gap:3px}.showcase-brand strong{font:800 13px/1.1 Arial;letter-spacing:2px;color:#f1e6c7}.showcase-brand small{font:700 8px/1.2 Arial;letter-spacing:2.4px;color:#776d54}
.showcase-copy{position:relative;z-index:1;margin-top:auto;padding-top:60px}.eyebrow{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid rgba(212,175,55,.24);background:rgba(212,175,55,.06);color:#c8aa57;font:700 9px/1 Arial;letter-spacing:1.5px;direction:ltr}.showcase-copy h1{margin:22px 0 12px;font-size:clamp(30px,3vw,45px);line-height:1.55;letter-spacing:-1px;color:#fbfaf5;max-width:610px}.showcase-copy p{margin:0;color:#a7a9b0;line-height:2.05;font-size:14px;max-width:560px}.showcase-benefits{position:relative;z-index:1;display:grid;gap:9px;margin-top:30px}.showcase-benefits article{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:11px 13px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.025)}.showcase-benefits article>span{font:800 10px/1 Arial;color:var(--gold);width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.16)}.showcase-benefits article div{display:flex;flex-direction:column;gap:3px}.showcase-benefits b{font-size:12px;color:#eeeae0}.showcase-benefits small{font-size:10px;color:#787d87;line-height:1.5}.compact-benefits{margin-top:18px}
.showcase-dashboard{position:relative;z-index:1;margin-top:20px;border:1px solid rgba(212,175,55,.15);border-radius:18px;background:linear-gradient(145deg,rgba(212,175,55,.055),rgba(255,255,255,.018));padding:14px}.dashboard-head{display:flex;justify-content:space-between;align-items:center;color:#9b9da3;font-size:10px}.dashboard-head b{font:800 8px/1 Arial;letter-spacing:1.5px;color:#7cd99b;padding:5px 7px;border:1px solid rgba(124,217,155,.2);border-radius:999px;background:rgba(124,217,155,.05)}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.dashboard-stats span{padding:9px;border-radius:11px;background:rgba(0,0,0,.2);display:flex;flex-direction:column;gap:4px}.dashboard-stats small{font-size:9px;color:#666b74}.dashboard-stats strong{font:800 18px/1 Arial;color:#f0d778;direction:ltr}.dashboard-line{margin-top:12px;height:35px;position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(to right,transparent,rgba(212,175,55,.035))}.dashboard-line:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.05)}.dashboard-line i{position:absolute;right:4%;left:4%;top:11px;height:14px;border-top:2px solid rgba(212,175,55,.65);transform:skewY(-5deg);border-radius:50%}.showcase-foot{position:relative;z-index:1;margin-top:auto;padding-top:24px;display:flex;gap:8px;flex-wrap:wrap}.showcase-foot span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.055);color:#797d85;font-size:9px}.trial-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;position:relative;z-index:1}.trial-panel>div{padding:16px;border-radius:17px;border:1px solid rgba(212,175,55,.15);background:rgba(212,175,55,.04);display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px}.trial-panel span{font-size:11px;color:#a7a9af}.trial-panel strong{font:900 27px/1 Arial;color:var(--gold-2);direction:rtl}.trial-panel small{grid-column:1/-1;margin-top:7px;color:#656a73;font-size:9px}
.auth-panel{display:flex;align-items:center;justify-content:center;padding:26px;background:radial-gradient(circle at 100% 0,rgba(255,255,255,.025),transparent 36%),#090a0c;min-width:0}.auth-card{width:min(455px,100%)!important;max-width:none!important;margin:0!important;padding:16px 10px 12px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:right!important;position:relative!important;z-index:2!important}.register-card{width:min(610px,100%)!important;padding-top:18px!important}.auth-brandline{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 28px!important}.mini-brand-mark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(212,175,55,.28);background:linear-gradient(145deg,rgba(212,175,55,.12),rgba(255,255,255,.02));color:var(--gold-2);font:900 12px/1 Arial;direction:ltr}.auth-brandline>div:last-child{display:flex;flex-direction:column;gap:3px}.auth-brandline strong{font-size:13px;color:#f1eee6}.auth-brandline small{font-size:9px;color:#676b74}.auth-heading{margin-bottom:26px}.auth-step{display:block;color:#8a7440;font:700 8px/1 Arial;letter-spacing:2px;margin-bottom:10px;direction:ltr;text-align:right}.auth-heading h2{margin:0 0 8px!important;color:#fff!important;font-size:28px!important;line-height:1.4!important;letter-spacing:-.5px!important}.auth-heading p{margin:0!important;color:#858994!important;font-size:12px!important;line-height:1.9!important}.form-group{margin:0 0 16px!important;text-align:right!important}.field-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.field-label label,.form-group>label{display:block!important;margin:0 0 7px!important;color:#d8d9dd!important;font-size:11px!important;font-weight:700!important}.field-label label{margin:0!important}.field-label span{font:700 7px/1 Arial;letter-spacing:1.4px;color:#565b64;direction:ltr}.input-box{position:relative!important;width:100%!important;display:flex!important;align-items:center!important}.form-control{appearance:none!important;width:100%!important;height:51px!important;padding:0 15px!important;border-radius:13px!important;border:1px solid #22252b!important;background:#0e1013!important;color:#f8f8f6!important;font-size:14px!important;outline:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;transition:border-color .2s,box-shadow .2s,background .2s!important}.form-control::placeholder{color:#4d515a!important}.form-control:hover{border-color:#30343c!important}.form-control:focus{border-color:rgba(212,175,55,.62)!important;background:#101216!important;box-shadow:0 0 0 4px rgba(212,175,55,.07)!important}.with-leading-icon{padding-right:46px!important}.field-icon{position:absolute;right:15px;z-index:2;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;color:#82703d;font:900 11px/1 Arial;border:1px solid rgba(212,175,55,.12);background:rgba(212,175,55,.045);pointer-events:none}.has-icon .form-control{padding-left:48px!important}.toggle-password-btn{position:absolute!important;left:9px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#686d76!important;display:grid!important;place-items:center!important;cursor:pointer!important;transition:.18s!important}.toggle-password-btn:hover{background:rgba(212,175,55,.06)!important;color:var(--gold)!important}.toggle-password-btn svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.btn-submit{width:100%!important;min-height:54px!important;height:auto!important;margin:17px 0 0!important;padding:0 18px!important;border:0!important;border-radius:14px!important;background:linear-gradient(112deg,#f0d778 0%,#d4af37 48%,#ad8317 100%)!important;color:#11100d!important;font-size:13px!important;font-weight:900!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-shadow:0 13px 30px rgba(158,119,22,.2),inset 0 1px 0 rgba(255,255,255,.5)!important;transition:transform .2s,filter .2s,box-shadow .2s!important}.btn-submit b{font-size:20px}.btn-submit:hover{transform:translateY(-2px)!important;filter:brightness(1.05)!important;box-shadow:0 17px 36px rgba(158,119,22,.28)!important}.btn-submit:active{transform:translateY(0)!important}.btn-submit:disabled{opacity:.58!important;cursor:wait!important;transform:none!important}.register-submit{margin-top:18px!important}.submit-footnote{text-align:center;color:#5e626b;font-size:9px;margin-top:10px;line-height:1.7}
.message{display:none;margin:13px 0 0!important;padding:11px 13px!important;border-radius:12px!important;font-size:11px!important;line-height:1.8!important}.message.error{display:block!important;background:rgba(255,79,79,.07)!important;border:1px solid rgba(255,105,105,.25)!important;color:#ffaaaa!important}.message.success{display:block!important;background:rgba(90,211,133,.07)!important;border:1px solid rgba(90,211,133,.24)!important;color:#9ce5b6!important}.role-help{display:block!important;color:#70757e!important;font-size:10px!important;margin-top:6px!important;line-height:1.75!important}.username-hint{font-size:10px!important;margin-top:7px!important;line-height:1.9!important}.username-hint.ok{color:#7fd49d!important}.username-hint.taken{color:#ff9292!important}.username-hint button{margin:3px!important;padding:5px 8px!important;border-radius:8px!important;border:1px solid #30343b!important;background:#14161a!important;color:#ececec!important;cursor:pointer!important;font-size:9px!important}.username-hint button:hover{border-color:rgba(212,175,55,.5)!important;color:var(--gold-2)!important}
.optional-section{margin:5px 0 0;border:1px solid #1d2025;border-radius:13px;background:#0b0d10;overflow:hidden}.optional-section summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:12px 13px;color:#a4a7ae;font-size:11px;user-select:none}.optional-section summary::-webkit-details-marker{display:none}.optional-section summary:after{content:"+";margin-right:auto;margin-left:0;color:#6b6f78;font:500 16px/1 Arial}.optional-section[open] summary:after{content:"−"}.optional-section summary small{margin-right:8px;color:#555a64;font-size:9px}.optional-section-body{padding:13px;border-top:1px solid #1b1e23;background:#0d0f12}.compact-group{margin-bottom:10px!important}.compact-group:last-child{margin-bottom:0!important}.login-optional{margin-top:2px}.auth-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.secondary-action{min-height:52px;padding:10px 11px;border-radius:12px;border:1px solid #1d2025;background:#0c0e11;color:#d5d6da!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;transition:.18s!important}.secondary-action:hover{border-color:rgba(212,175,55,.28);background:#101216}.secondary-action span{font-size:10px;font-weight:800}.secondary-action small{font-size:8px;color:#5f646e}.partner-login-link{color:#d5d6da!important;margin:0!important}.auth-card-foot{margin-top:22px;padding-top:15px;border-top:1px solid #17191d;display:flex;justify-content:center;align-items:center;gap:7px;color:#626772;font-size:10px}.auth-card-foot a{color:#d3b45a;text-decoration:none;font-weight:700}.auth-card-foot a:hover{color:#f2dc89}
.registration-mode-notice{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0 0 21px!important;padding:12px 13px!important;border:1px solid rgba(212,175,55,.14)!important;border-radius:13px!important;background:rgba(212,175,55,.035)!important;color:#8d929c!important;font-size:10px!important;line-height:1.7!important}.registration-mode-notice[hidden]{display:none!important}.registration-mode-notice .notice-icon{flex:0 0 28px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#d4b75d;border:1px solid rgba(212,175,55,.16);background:rgba(212,175,55,.06);font:800 12px/1 Arial}.registration-mode-notice>div:last-child{display:flex;flex-direction:column;gap:2px}.registration-mode-notice b{color:#c7c9ce;font-size:10px}.registration-mode-notice strong{color:#e0c66e}.form-section-title{display:flex;align-items:center;gap:10px;margin:7px 0 14px;padding-bottom:10px;border-bottom:1px solid #17191d}.form-section-title>span{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:rgba(212,175,55,.06);border:1px solid rgba(212,175,55,.14);color:#ae913f;font:800 9px/1 Arial}.form-section-title div{display:flex;flex-direction:column;gap:1px}.form-section-title b{font-size:11px;color:#d5d7db}.form-section-title small{font-size:8px;color:#555a63}.password-rules{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.password-rules span{font-size:8px;color:#666b74;padding:4px 7px;border-radius:999px;border:1px solid #202329;background:#0c0e11;direction:ltr}.role-group{margin-bottom:15px!important}.role-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.role-option{appearance:none;border:1px solid #202329;border-radius:13px;background:#0d0f12;color:#b9bcc3;min-height:92px;padding:11px 8px;display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:5px;cursor:pointer;transition:.18s;position:relative;overflow:hidden}.role-option:before{content:"";position:absolute;inset:auto -30px -45px auto;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.09),transparent 70%);opacity:0;transition:.18s}.role-option:hover{border-color:#30343c;background:#101216}.role-option.is-selected{border-color:rgba(212,175,55,.48);background:linear-gradient(145deg,rgba(212,175,55,.08),#0d0f12 72%);box-shadow:inset 0 0 0 1px rgba(212,175,55,.05)}.role-option.is-selected:before{opacity:1}.role-symbol{height:25px;color:#d1b55e;font-size:18px;line-height:1}.role-option b{font-size:10px;color:#e4e1d7}.role-option small{font-size:8px;color:#626771;line-height:1.55}.role-option.is-selected b{color:#f0db90}.role-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}.otp-inline{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important}.otp-code-row{margin-top:8px!important}.otp-action-btn{border:0!important;border-radius:12px!important;min-height:48px!important;padding:0 14px!important;background:linear-gradient(135deg,#d8b74d,#a17b16)!important;color:#0b0c0e!important;font-weight:900!important;cursor:pointer!important;white-space:nowrap!important}.otp-action-btn.secondary{background:#14161a!important;color:#e5cb75!important;border:1px solid #2b2e35!important}.otp-action-btn:disabled{opacity:.55!important;cursor:not-allowed!important}.otp-ok{color:#77d69a!important}.otp-error{color:#ff8585!important}
@media(max-width:920px){body.auth-page{align-items:flex-start;padding:76px 16px 28px}.auth-shell,.register-shell{grid-template-columns:1fr;width:min(660px,100%);min-height:0;border-radius:24px}.auth-showcase{display:none}.auth-panel{padding:20px 18px 24px}.auth-card,.register-card{width:100%!important;padding:8px 2px!important}.auth-brandline{margin-bottom:22px!important}.auth-heading{margin-bottom:22px}.auth-heading h2{font-size:25px!important}.top-nav-btn{left:16px!important}.register-shell{width:min(700px,100%)}}
@media(max-width:560px){body.auth-page{display:block!important;padding:70px 10px calc(18px + env(safe-area-inset-bottom))!important}.top-nav-btn{top:max(10px,env(safe-area-inset-top))!important;left:10px!important;min-height:42px!important;padding:5px 6px 5px 10px!important;border-radius:12px!important}.top-nav-copy small{display:none}.top-nav-copy b{font-size:10px}.top-nav-arrow{width:30px;height:30px;border-radius:9px}.auth-shell,.register-shell{border-radius:20px}.auth-panel{padding:16px 14px 20px}.auth-brandline{margin-bottom:20px!important}.auth-heading h2{font-size:22px!important}.auth-heading p{font-size:11px!important}.form-control{height:50px!important;font-size:16px!important}.role-picker{grid-template-columns:1fr}.role-option{min-height:68px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 12px}.role-symbol{grid-row:1/3}.role-option b,.role-option small{text-align:right}.auth-secondary-actions{grid-template-columns:1fr}.otp-inline{grid-template-columns:1fr!important}.otp-action-btn{width:100%!important}.btn-submit{min-height:52px!important}.auth-card-foot{flex-wrap:wrap}.registration-mode-notice{font-size:9px!important}}
@media(max-height:720px) and (min-width:921px){body.auth-page{align-items:flex-start}.auth-shell{margin-top:8px}.showcase-copy{padding-top:35px}.auth-showcase{padding-top:34px;padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}