/* SibLink visual system: shared by the public platform and ISP workspaces. */
:root{--ink:#152338;--muted:#697a90;--line:#e4eaf1;--teal:#087f74;--canvas:#f3f6fb;--radius:18px}
body{background:radial-gradient(ellipse at 95% 0%,#e8e5ff80,transparent 38%),var(--canvas);font-size:14px}
h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(27px,3vw,40px);font-weight:750}h2{font-size:18px}
::selection{background:#b9eee2;color:#10352d}
.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 22px #263d5d05;background:#fff;overflow:hidden}
.primary{background:linear-gradient(120deg,#087e75,#09a18c);border:1px solid #0b8a7d;border-radius:10px;box-shadow:0 5px 12px #087e751c;font-weight:650;transition:transform .18s,box-shadow .18s}
.primary:hover{background:linear-gradient(120deg,#08685f,#078c7a);box-shadow:0 7px 18px #087e7529;transform:translateY(-1px)}
.secondary{border-radius:10px;background:#fff;border-color:#dce4ed;font-weight:600}.secondary:hover{background:#edf7f5;border-color:#a6cfc7}
input,select,textarea{border-radius:9px;border-color:#dbe3ed;background:#fbfcfe;min-height:43px;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:3px solid #0b9e8b18;outline-offset:1px;border-color:#139b8d;background:white}
.eyebrow{font-size:10px;font-weight:750;letter-spacing:.16em;color:#078a79}.page-heading{margin-bottom:28px;gap:20px}.page-heading p{color:var(--muted);margin-top:9px}
.topbar{background:#ffffffed;border-bottom:1px solid #e3e9f1;backdrop-filter:blur(16px)}
.sidebar{background:radial-gradient(ellipse at 0 0,#153c48,transparent 48%),#111e31;border-inline-end:1px solid #213148;padding-top:28px}
.brand-icon{background:linear-gradient(145deg,#25d3b3,#069583);box-shadow:0 4px 18px #00be9b20;border-radius:12px}.brand-sub{letter-spacing:.15em}
.sidebar .nav-label{margin-top:32px}.nav-group{border-bottom:1px solid #ffffff0a;padding-bottom:8px;margin-bottom:8px}.nav-group summary{color:#7890a9;font-size:10px;letter-spacing:.06em;font-weight:650}
.nav-item{border-radius:9px;transition:background .18s,color .18s}.nav-item.selected{background:linear-gradient(100deg,#135e59,#153d45);color:#a4ffdf;box-shadow:inset 0 0 0 1px #39c2a828}.nav-symbol{opacity:.85}
.profile{border-color:#ffffff12}.connection-note{border-radius:12px;background:#ffffff04;border-color:#ffffff12}
.stats-grid{gap:18px}.stat-card{border-radius:16px;border-color:var(--line);box-shadow:0 3px 16px #263d5d04;position:relative;overflow:hidden}.stat-card:after{content:'';position:absolute;inset:auto -25px -40px auto;width:100px;height:100px;border-radius:50%;background:#08a99008;pointer-events:none}.stat-number{font-weight:750;letter-spacing:-.04em}.stat-icon{border-radius:12px}
.panel-header{padding-block:22px;border-color:#edf0f6}.panel-header h2{font-size:16px}table th{background:#f7f9fc;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#6f8195}table td{border-color:#eef2f7}tbody tr:hover{background:#f8fcfb}
.badge{border-radius:6px;font-weight:600}.info-note{border-radius:12px;border-color:#cbe6df;background:#eef9f5;color:#365f59;line-height:1.8}.django-form{border-top:3px solid #10a58f;padding:32px}.form-buttons{border-color:#e8eef4;padding-top:24px}.django-form label{font-weight:600}.django-form .helptext,.form-grid small{font-weight:400;color:#7a899b}
.language-switcher select{border-radius:8px;min-height:34px;background:#f6f8fc;font-size:12px}.language-switcher button{border-radius:8px}footer{color:#8b98a9}
/* Public SaaS platform */
.saas-content{padding:38px clamp(20px,4vw,72px) 64px}.saas-content>.page-heading{margin-bottom:22px}.saas-content>.page-heading h1{font-size:17px;font-weight:600;color:#687990;letter-spacing:0}
.saas-brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;color:#153b44;letter-spacing:-.6px}.saas-brand:before{content:'S';display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#0aa98c,#087c75);color:#fff;box-shadow:0 5px 14px #139d8920}
.saas-content~footer{padding:24px}.saas-no-print.topbar{padding-inline:clamp(20px,4vw,72px);gap:24px;min-height:78px}.saas-no-print.topbar>a:not(.saas-brand){font-size:13px;font-weight:600;color:#506178}.saas-no-print .language-switcher{margin-inline-start:auto}
.saas-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;padding:clamp(30px,5vw,72px);border:0;border-radius:26px;background:linear-gradient(120deg,#10293a,#113b45 70%,#124f51);color:#fff;min-height:410px;box-shadow:0 18px 50px #143e4318;margin-bottom:32px}
.saas-hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.2;background-image:radial-gradient(#94d9cf 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000);border-radius:inherit}
.saas-hero .eyebrow{display:inline-flex;align-items:center;gap:9px;color:#97f3d1;background:#ffffff09;border:1px solid #b0ffe329;padding:8px 12px;border-radius:100px;font-size:10px}.saas-hero .eyebrow:before{content:'';width:6px;height:6px;background:#71e6bd;border-radius:50%}
.saas-hero h2{font-size:clamp(32px,4.1vw,60px);font-weight:750;line-height:1.12;letter-spacing:-.045em;max-width:760px;margin-block:23px}.saas-hero p{color:#bfd2dd;font-size:15px;line-height:1.9;max-width:610px}.saas-hero .hero-note{font-size:12px;color:#88b3b9;margin-top:12px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.saas-hero .hero-actions a{margin:0;padding:13px 20px}.saas-hero .secondary{background:#ffffff09;border-color:#ffffff30;color:#e2f4ef}.saas-hero .secondary:hover{background:#ffffff16}.saas-hero .primary{background:#77e8bd;color:#10382f;border-color:#77e8bd;box-shadow:0 4px 22px #3bc99a25}
.network-art{width:100%;max-width:390px;justify-self:center;filter:drop-shadow(0 16px 24px #021f3b50)}.network-art .orbit{fill:none;stroke:#6bc6bd;stroke-opacity:.14}.network-art .wire{stroke:#73c9bd;stroke-opacity:.5;stroke-width:1.5;stroke-dasharray:4 5}.network-art .node{fill:#1d4f59;stroke:#83dfc3;stroke-opacity:.45}.network-art .core{fill:#74e4bd}.network-art .symbol{fill:none;stroke:#d6fff0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:38px}.feature-tile{display:flex;gap:13px;align-items:center;padding:20px 22px;background:#fff;border:1px solid #e3eaf2;border-radius:14px;font-weight:600;color:#45586d}.feature-tile>span:first-child{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#e9f8f2;color:#078673;flex-shrink:0;font-size:20px}.feature-tile:nth-child(2)>span:first-child{background:#eeecff;color:#7664c7}.feature-tile:nth-child(3)>span:first-child{background:#fff4df;color:#bd8730}.feature-tile:nth-child(4)>span:first-child{background:#eaf1ff;color:#527bbe}
.pricing-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-block:16px 24px}.pricing-heading h2{font-size:27px;font-weight:750}.pricing-heading .eyebrow{margin-bottom:7px}.pricing-heading>span{color:#75869a;font-size:12px}
.package-grid{gap:22px}.package-grid>.panel+.panel{margin-top:0}.settings-panel{max-width:none;width:100%}.package-card{border-radius:18px;padding:30px;position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;transition:transform .2s,box-shadow .2s}.package-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #16304d0d}.package-card h2{font-size:20px}.package-card:nth-child(2){border:2px solid #13a68c;background:linear-gradient(#f5fffb,#fff 50%);box-shadow:0 8px 25px #059d7c0b}.package-card:nth-child(2):before{content:'';position:absolute;inset:0 22px auto;height:3px;background:#13a68c;border-radius:0 0 5px 5px}.package-price{font-size:38px;font-weight:750;letter-spacing:-1.5px;line-height:1.2;margin-block:26px 22px;color:#153d45}.package-price span{display:block;font-size:11px;color:#8491a1;font-weight:500;letter-spacing:0;margin-top:9px}.package-card p{color:#64758a;border-top:1px solid #edf1f5;padding-top:13px;margin-bottom:12px;font-size:13px}.package-card .primary{margin-top:auto;padding:12px}.saas-content>.info-note:last-child{margin-top:26px;background:#eaf0f7;border:0;color:#6d7e91;font-size:12px}
/* Full-width sign-in page, with the same visual language as the platform. */
.login-page{background:radial-gradient(ellipse at 5% 0,#184f54,transparent 65%),#101f34;align-items:stretch;padding:28px}.login-card{position:relative;border:1px solid #ffffff35;border-radius:24px;padding:clamp(30px,5vw,72px);background:radial-gradient(ellipse at 100% 0,#e9f8f3,transparent 55%),#fff;box-shadow:0 25px 70px #00142135;min-height:calc(100dvh - 56px);width:100%;max-width:none}.login-brand{margin-bottom:36px}.login-card h1{font-size:clamp(34px,4vw,52px)}.login-card>p{font-size:15px;color:#728397;margin-block:14px 30px}.login-card form{padding-top:8px;border-top:1px solid #dce7ec}.login-card label{font-size:12px;font-weight:600;color:#53667c}.login-card label input{min-height:50px;margin-top:10px}.login-card .full{min-height:48px;font-size:14px}.login-card>small{font-size:11px;color:#7f8da0}.login-card>.language-switcher{position:relative;justify-content:flex-end;margin-bottom:25px}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0}html[dir=rtl] .saas-hero h2{line-height:1.55;font-size:clamp(34px,3.7vw,53px)}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .saas-hero p{font-size:18px}html[dir=rtl] .feature-tile{font-size:19px}
@media(min-width:1800px){.saas-hero{min-height:470px}.network-art{max-width:430px}}
@media(max-width:1000px){.saas-hero{grid-template-columns:1fr .6fr;padding:36px;gap:14px}.feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-no-print.topbar{gap:14px}.saas-no-print .language-switcher{margin-inline-start:0}}
@media(max-width:700px){.saas-content{padding:24px 16px 40px}.saas-hero{grid-template-columns:1fr;padding:28px;min-height:0;border-radius:20px}.network-art{max-width:230px;margin-top:12px}.saas-hero h2{font-size:36px}.saas-hero p{font-size:14px}.hero-actions a{flex:1;text-align:center}.feature-strip{gap:10px;margin-bottom:28px}.feature-tile{padding:14px;gap:9px;font-size:12px}.feature-tile>span:first-child{width:30px;height:30px;border-radius:8px;font-size:16px}.pricing-heading{align-items:start;flex-direction:column;gap:8px}.package-card{padding:24px}.saas-no-print.topbar{padding:16px}.saas-no-print .saas-brand{flex:1}.saas-no-print .language-switcher{flex-basis:100%;order:3;justify-content:flex-start;flex-wrap:nowrap}.saas-no-print .language-switcher select{flex:1;max-width:180px}.login-page{padding:12px}.login-card{border-radius:18px;padding:25px;min-height:calc(100dvh - 24px)}.django-form{padding:22px}.page-heading{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{body{background:#fff}.panel,.stat-card{box-shadow:none}.primary:hover,.package-card:hover{transform:none}.saas-hero{background:#fff;color:#152338;box-shadow:none}.saas-hero p{color:#45586d}.network-art{display:none}.login-page{background:#fff}}