:root{color-scheme:light;font-family:Inter,Avenir Next,Segoe UI,Arial,sans-serif;color:#222a3a;background:#f7f8fb;--orange: #ff5a12;--orange-deep: #f24707;--ink: #222a3a;--muted: #778195;--line: #e2e6ee;--soft: #f5f7fb}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;margin:0}body{overflow-x:hidden;overflow-y:auto}button,input{font:inherit}button{cursor:pointer}input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-weight:600}input::placeholder{color:#9ba4b5}a{color:inherit;text-decoration:none}.login-page{height:100svh;display:grid;grid-template-columns:minmax(480px,1.04fr) minmax(520px,.96fr);overflow:hidden;background:radial-gradient(circle at 86% 9%,rgba(255,255,255,.75) 0 80px,transparent 81px),#f7f8fb}.brand-panel{position:relative;height:100svh;min-height:0;overflow:hidden;background:radial-gradient(circle at 88% -4%,rgba(255,148,72,.55) 0 180px,transparent 181px),radial-gradient(circle at -8% 54%,rgba(255,183,87,.42) 0 86px,transparent 87px),linear-gradient(135deg,#ff711f 0%,#ff4a0b 45%,#ff5b10 100%);color:#fff;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}.brand-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.16) 0 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.12) 0 1px,transparent 1px);background-size:120px 120px;opacity:.18;pointer-events:none}.dot-grid{position:absolute;top:32px;left:28px;width:100px;height:108px;background-image:radial-gradient(circle,rgba(255,255,255,.72) 1.7px,transparent 2px);background-size:14px 14px;opacity:.88}.brand-panel__content{position:relative;z-index:2;min-height:0;display:grid;align-content:center;justify-items:center;gap:clamp(22px,3.8vh,44px);padding:clamp(28px,5vh,54px) 12% clamp(34px,6vh,68px) 8%}.brand-lockup{display:grid;justify-items:center;gap:10px;text-align:center}.brand-home-link{display:inline-flex;justify-content:center;width:min(260px,62%)}.brand-logo-image{display:block;width:100%;height:auto;object-fit:contain}.logo-mark{position:relative;display:inline-block;width:72px;height:72px}.logo-mark__stem{position:absolute;left:18%;top:8%;width:16%;height:48%;border-radius:999px;background:currentColor}.logo-mark__body{position:absolute;right:12%;bottom:8%;width:64%;height:48%;border:12px solid currentColor;border-left-width:16px;border-radius:12px 28px 28px 12px}.logo-mark__spark{position:absolute;display:block;border-radius:999px;background:currentColor}.logo-mark__spark--one{top:10%;right:22%;width:8%;height:28%;transform:rotate(35deg)}.logo-mark__spark--two{top:28%;right:8%;width:8%;height:22%;transform:rotate(72deg)}.brand-lockup p{display:grid;grid-template-columns:44px auto 44px;align-items:center;gap:14px;margin:8px 0 0;color:#fffffffa;font-size:1.08rem;font-weight:600}.brand-lockup p span{height:1px;background:rgba(255,255,255,.72)}.brand-visual{position:relative;display:grid;place-items:center;width:min(560px,84%);aspect-ratio:1.39}.brand-visual-image{display:block;width:100%;height:100%;object-fit:contain}.orbit{position:absolute;left:50%;top:54%;border:1px solid rgba(255,255,255,.28);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg)}.orbit--outer{width:98%;height:56%}.orbit--middle{width:72%;height:40%}.platform{position:absolute;left:50%;top:54%;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(-45deg) skew(12deg,12deg);box-shadow:0 30px 42px #70240842}.platform--back{width:188px;height:188px;border-radius:28px;background:rgba(255,183,105,.44);transform:translate(-50%,-42%) rotate(-45deg) skew(12deg,12deg)}.platform--front{width:164px;height:164px;border-radius:26px;background:linear-gradient(135deg,#fff 0%,#ffe7d8 100%);color:var(--orange)}.platform--front .logo-mark{width:76px;height:76px;transform:rotate(45deg) skew(-12deg,-12deg)}.float-card{position:absolute;display:grid;place-items:center;width:62px;height:78px;border-radius:16px;background:rgba(255,255,255,.8);color:var(--orange);box-shadow:0 16px 26px #79270633}.float-card:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:12px;background:#fff;opacity:.86}.float-card svg{position:relative;z-index:1;width:30px;height:30px}.float-card--link{left:14%;top:20%;transform:rotate(8deg)}.float-card--profile{right:16%;top:22%;transform:rotate(-8deg)}.float-card--chart{left:8%;bottom:6%;transform:rotate(-10deg)}.float-card--shield{right:10%;bottom:3%;transform:rotate(10deg)}.auth-panel{position:relative;height:100svh;min-height:0;display:flex;align-items:center;justify-content:center;justify-items:center;overflow-y:auto;overflow-x:hidden;padding:clamp(18px,3.2vh,34px) 9vw}.auth-card{width:min(100%,610px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:center}.auth-header h2{margin:0;color:#06194d;font-size:clamp(2rem,2.55vw,2.65rem);line-height:1.02;font-weight:800;letter-spacing:0}.auth-header h2 span{color:var(--orange)}.auth-header p{margin:8px 0 0;color:#576276;font-size:clamp(1.05rem,1.35vw,1.28rem);line-height:1.2;font-weight:600}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);margin:clamp(22px,3.2vh,30px) 0 clamp(18px,2.7vh,24px);border-bottom:1px solid #d9e0ec}.auth-tab{min-height:42px;border:0;padding:0 0 10px;background:transparent;color:#5b6272;font-size:clamp(1.12rem,1.45vw,1.32rem);font-weight:700}.auth-tab.is-active{color:#195ce8;box-shadow:inset 0 -4px #195ce8}.google-button{width:100%;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid #dfe4ed;border-radius:12px;background:#fff;color:#06194d;font-size:clamp(1.06rem,1.35vw,1.22rem);font-weight:700;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.google-button:hover{transform:translateY(-1px);border-color:#cfd6e3;box-shadow:0 10px 22px #1d273a14}.google-button img{width:28px;height:28px}.divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;margin:clamp(16px,2.5vh,22px) 0 clamp(12px,2vh,16px);color:#687286;font-size:1rem;font-weight:600}.divider:before,.divider:after{content:"";height:1px;background:#dce3ef}.auth-form{display:grid;gap:clamp(10px,1.6vh,14px);text-align:left}.auth-field{display:grid;gap:8px}.auth-field__heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.auth-field__label{color:#06194d;font-size:1rem;line-height:1.15;font-weight:700}.auth-field__control{min-height:48px;display:flex;align-items:center;gap:16px;padding:0 18px;border:1px solid #dfe5ef;border-radius:12px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.auth-field__control:focus-within{border-color:#195ce875;box-shadow:0 0 0 4px #195ce814}.auth-field__icon,.auth-field__trailing{display:inline-flex;align-items:center;justify-content:center;color:#8491a7;flex:0 0 auto}.auth-field__icon svg,.icon-button svg{width:21px;height:21px}.auth-field input{background:transparent!important;color:#06194d;font-size:.98rem;font-weight:500}.auth-field input:-webkit-autofill,.auth-field input:-webkit-autofill:hover,.auth-field input:-webkit-autofill:focus,.auth-field input:-webkit-autofill:active{-webkit-text-fill-color:#06194d;caret-color:#06194d;box-shadow:0 0 0 1000px #fff inset;transition:background-color 9999s ease-out}.auth-field input::placeholder{color:#78849a}.icon-button,.text-button{border:0;padding:0;background:transparent}.icon-button{display:inline-grid;place-items:center;color:#8491a7}.text-button{color:#195ce8;font-size:1rem;font-weight:700}.code-button{border:0;padding:0;background:transparent;color:#195ce8;font-size:.9rem;font-weight:700;white-space:nowrap}.remember{display:inline-flex;align-items:center;gap:12px;color:#06194d;font-size:1.06rem;font-weight:700}.remember input{width:22px;height:22px;accent-color:#195ce8}.signup-checks{display:grid;gap:10px}.signup-checks .remember{font-size:.95rem}.submit-button{min-height:52px;border:0;border-radius:12px;background:#195ce8;color:#fff;font-size:1.16rem;font-weight:700;box-shadow:0 14px 28px #195ce82e;transition:transform .16s ease,box-shadow .16s ease}.submit-button:hover,.text-button:hover,.icon-button:hover{transform:translateY(-1px)}.page-footer{position:absolute;left:48px;right:48px;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#8a93a4;font-size:.76rem;font-weight:600}.page-footer nav{display:inline-flex;gap:34px}.public-page{min-height:100svh;background:#f7f8fb;color:#06194d}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;min-height:76px;padding:0 clamp(20px,5vw,72px);background:rgba(255,255,255,.94);border-bottom:1px solid #e6ebf3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-brand{display:inline-flex;align-items:center}.site-brand img{width:142px;height:auto}.site-nav{display:inline-flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,34px);color:#536075;font-size:.96rem;font-weight:650}.site-nav a:hover,.section-heading a:hover{color:var(--orange)}.site-login,.search-panel button,.toolbar button,.detail-actions button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:#195ce8;color:#fff;font-weight:750}.site-login{min-height:42px;padding:0 20px}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;gap:clamp(28px,5vw,72px);padding:clamp(46px,7vw,92px) clamp(20px,5vw,72px) 36px}.home-hero__copy span,.listing-card__type,.detail-hero span{color:var(--orange);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.home-hero h1,.list-hero h1,.detail-hero h1{margin:12px 0 0;color:#06194d;font-size:clamp(2.35rem,5vw,4.8rem);line-height:1.02;letter-spacing:0}.home-hero p,.list-hero p,.detail-hero p,.detail-layout p{color:#536075;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.65}.home-hero__copy p{max-width:680px}.search-panel,.toolbar{display:flex;align-items:center;gap:12px;margin-top:30px}.search-panel{max-width:680px;padding:8px;border:1px solid #dfe5ef;border-radius:14px;background:#fff;box-shadow:0 18px 42px #111c3714}.search-panel input,.toolbar input{min-height:48px;padding:0 16px}.search-panel button{min-height:48px;padding:0 26px}.home-hero__image{display:grid;place-items:center}.home-hero__image img{display:block;width:min(560px,100%);height:auto}.category-grid,.content-section,.detail-layout{padding:24px clamp(20px,5vw,72px)}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.category-card,.listing-card,.detail-layout article,.detail-layout aside{background:#fff;border:1px solid #e4e9f2;border-radius:10px;box-shadow:0 14px 32px #111c370f}.category-card{display:grid;gap:8px;min-height:112px;padding:24px}.category-card span{font-size:1.12rem;font-weight:760}.category-card strong{color:#6b7588;font-size:.95rem;font-weight:600}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 20px}.section-heading h2{margin:0;font-size:clamp(1.6rem,3vw,2.4rem)}.section-heading a{color:#195ce8;font-weight:760}.listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.listing-card{position:relative;display:grid;overflow:hidden;color:inherit}.listing-card img{width:100%;aspect-ratio:1.45;object-fit:cover}.listing-card__type{margin:18px 18px 0}.listing-card h3{margin:8px 18px 4px;font-size:1.22rem}.listing-card p{margin:0 18px;color:#6b7588}.listing-card__meta{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:16px 18px 18px}.listing-card__meta strong{display:inline-grid;place-items:center;min-width:44px;min-height:34px;border-radius:8px;background:#fff1e9;color:var(--orange)}.listing-card__meta span{color:#6b7588;font-size:.9rem}.list-hero{padding:clamp(42px,7vw,82px) clamp(20px,5vw,72px) 26px;background:radial-gradient(circle at 82% 20%,rgba(255,90,18,.12),transparent 260px),#fff;border-bottom:1px solid #e6ebf3}.list-hero h1{max-width:780px}.list-hero p{max-width:720px}.toolbar{margin:0 0 24px}.toolbar input{flex:1;border:1px solid #dfe5ef;border-radius:10px;background:#fff}.toolbar button{min-height:48px;padding:0 18px}.detail-hero{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,64px);padding:clamp(34px,6vw,72px) clamp(20px,5vw,72px);background:#fff}.detail-hero img{width:100%;aspect-ratio:1.45;object-fit:cover;border-radius:12px}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.detail-actions button{min-height:44px;padding:0 18px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;padding-bottom:64px}.detail-layout article,.detail-layout aside{padding:28px}.detail-layout h2,.detail-layout h3{margin:0 0 12px}.tag-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.tag-row span{padding:8px 12px;border-radius:999px;background:#eef4ff;color:#195ce8;font-size:.88rem;font-weight:700}.public-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px clamp(20px,5vw,72px);border-top:1px solid #e6ebf3;color:#778195;font-size:.9rem}.public-footer nav{display:inline-flex;gap:22px}@media (max-width: 1100px){body{overflow-x:hidden;overflow-y:auto}.login-page{height:auto;min-height:100svh;grid-template-columns:1fr;overflow:visible}.brand-panel{display:none}.auth-panel{height:auto;min-height:100svh;overflow:visible;padding:48px 24px 72px}}@media (max-width: 640px){.brand-panel{min-height:500px}.brand-panel__content{min-height:500px;gap:28px}.brand-lockup .logo-mark{width:88px;height:88px}.brand-lockup h1{font-size:2.35rem}.brand-lockup p{grid-template-columns:28px auto 28px;font-size:.95rem}.brand-visual{width:min(420px,94%)}.auth-panel{padding:76px 16px 118px}.auth-card{padding:30px 20px 26px;border-radius:14px}.auth-header h2{font-size:1.72rem}.form-row{align-items:flex-start;flex-direction:column;gap:10px}.page-footer{left:16px;right:16px;flex-direction:column;gap:12px;text-align:center}.page-footer nav{gap:16px;flex-wrap:wrap;justify-content:center}}@media (max-height: 820px) and (min-width: 1101px){.page-footer{display:none}.auth-panel{align-items:flex-start;padding-top:24px;padding-bottom:24px}}@media (max-width: 980px){.site-header{grid-template-columns:1fr auto;gap:18px;padding-top:14px;padding-bottom:14px}.site-nav{grid-column:1 / -1;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.home-hero,.detail-hero,.detail-layout{grid-template-columns:1fr}.category-grid,.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.site-header,.home-hero,.category-grid,.content-section,.list-hero,.detail-hero,.detail-layout,.public-footer{padding-left:16px;padding-right:16px}.site-brand img{width:126px}.site-login{min-height:38px;padding:0 14px}.home-hero{padding-top:34px}.home-hero h1,.list-hero h1,.detail-hero h1{font-size:2.2rem}.search-panel,.toolbar{flex-direction:column;align-items:stretch}.search-panel button,.toolbar button{width:100%}.category-grid,.listing-grid{grid-template-columns:1fr}.public-footer{flex-direction:column;align-items:flex-start}}