@font-face{font-family:SiteFont;src:url('/assets/font/font1.ttf') format('truetype');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fff}body{margin:0;color:#0a0a0a;font-family:SiteFont,Arial,sans-serif;background:#fff}.site-background,.site-background img{position:fixed;z-index:0;inset:0;width:100%;height:100%;pointer-events:none;user-select:none;-webkit-user-drag:none}.site-background img{object-fit:cover}.page-shell{width:min(1180px,calc(100% - 96px));margin:auto}a{color:inherit;text-decoration:none}.brand-header{position:fixed;z-index:20;top:0;left:0;right:0;height:64px;background:rgba(255,255,255,.82);border-bottom:1px solid rgba(0,0,0,.08);backdrop-filter:blur(20px) saturate(160%)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.wordmark,.footer-wordmark{font:700 20px Arial,sans-serif;letter-spacing:-.04em}.brand-header nav{display:flex;align-items:center;gap:25px;font-size:12px}.brand-header nav>a{opacity:.65;transition:opacity .2s}.brand-header nav>a:hover{opacity:1}.brand-header .header-login{padding:8px 16px;border-radius:3px;background:#000;color:#fff;opacity:1}.hero{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;text-align:center}.hero-content{max-width:900px}.section-label{margin:0 0 16px;font-size:10px;letter-spacing:.2em;opacity:.5}.hero h1{margin:0;font-size:clamp(52px,7vw,96px);line-height:1.02;letter-spacing:-.06em;font-weight:500}.hero-content>p:not(.section-label){margin:26px auto 0;font-size:17px}.hero-actions,.feature-actions{display:flex;justify-content:center;gap:10px;margin-top:36px}.button{min-height:44px;padding:0 20px;border:1px solid transparent;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:#000;color:#fff}.button-light{background:rgba(255,255,255,.9);border-color:rgba(0,0,0,.12)}.sso-section{position:relative;z-index:2;padding:120px 0;background:rgba(215,232,211,.96)}.section-heading{max-width:760px}.section-heading h2,.notice-heading h2,.feature-copy h2{margin:0;font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.05em;font-weight:500}.section-heading>p:last-child,.feature-copy>p:last-of-type{font-size:16px;line-height:1.75;opacity:.65}.sso-visual{margin-top:72px;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:48px;align-items:center}.sso-visual article{padding:28px 0;border-top:1px solid rgba(0,0,0,.28)}.sso-visual article>i{font-size:30px}.sso-visual h3{font-size:21px;margin:32px 0 12px}.sso-visual p{font-size:13px;line-height:1.7;opacity:.65}.connection-map{position:relative;aspect-ratio:1;max-width:350px;margin:auto;border:1px solid rgba(0,0,0,.14);border-radius:50%}.connection-map:before,.connection-map:after{content:"";position:absolute;inset:18%;border:1px solid rgba(0,0,0,.12);border-radius:50%}.connection-map:after{inset:36%}.center-node,.app-node{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.08)}.center-node{inset:50% auto auto 50%;width:118px;height:118px;transform:translate(-50%,-50%);border-radius:50%;flex-direction:column}.center-node i{font-size:30px}.center-node b{font-size:12px;margin-top:7px}.app-node{width:54px;height:54px;border-radius:50%;font-size:21px}.node-one{top:4%;left:42%}.node-two{right:4%;top:44%}.node-three{bottom:4%;left:42%}.node-four{left:4%;top:44%}.sso-points{display:flex;gap:35px;margin-top:64px;padding-top:25px;border-top:1px solid rgba(0,0,0,.2);font-size:12px}.sso-points i{font-size:16px;vertical-align:-2px}.developer-section{position:relative;z-index:2;min-height:100vh;padding:120px 0;background:rgba(0,0,0,.97);color:#fff}.dark-feature{padding:100px 0;border-bottom:1px solid #303030}.dark-feature:first-child{padding-top:0}.dark-feature:last-child{border-bottom:0;padding-bottom:0}.feature-develop{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-copy{max-width:680px}.feature-copy p{line-height:1.75;color:#aaa}.language-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.language-list span{padding:9px 13px;border:1px solid #444;border-radius:3px;font-size:12px;color:#ddd}.language-list i{margin-right:5px}.code-window{border:1px solid #333;border-radius:5px;background:#111;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.45)}.code-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #292929;color:#777;font:11px monospace}.code-bar i{width:7px;height:7px;border-radius:50%;background:#555}.code-bar span{margin-left:8px}.code-window pre{margin:0;padding:28px;overflow:auto;font:13px/1.9 monospace;color:#ddd}.code-muted{color:#777}.code-green{color:#9adf9d}.code-blue{color:#7eb6ff}.data-feature .wide{max-width:900px}.data-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:60px}.data-levels article{position:relative;min-height:330px;padding:30px;border:1px solid #333;border-radius:4px;background:#0b0b0b;display:flex;flex-direction:column}.level-number{position:absolute;right:24px;top:23px;font:700 14px monospace;color:#777}.data-levels article>i{font-size:31px}.data-levels h3{font-size:21px;margin:48px 0 14px}.data-levels p{font-size:13px;line-height:1.7;color:#999}.data-levels b{margin-top:auto;font-size:11px;color:#b9e4b7}.configure-feature{display:grid;grid-template-columns:260px 1fr;gap:75px;align-items:center}.configure-icon{width:230px;height:230px;border:1px solid #333;border-radius:50%;display:grid;place-items:center}.configure-icon i{font-size:82px}.feature-actions{justify-content:flex-start}.button-outline{border-color:#555;color:#fff}.button-white{background:#fff;color:#000}.notice-section{position:relative;z-index:2;padding:120px 0;background:transparent}.notice-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.notice-heading h2{font-size:50px}.notice-heading p{margin:0;font-size:14px;line-height:1.7}.notice-list{margin-top:65px;border-top:1px solid rgba(0,0,0,.32)}.notice-list a{display:flex;justify-content:space-between;gap:30px;padding:25px 0;border-bottom:1px solid rgba(0,0,0,.23);font-size:14px;transition:padding .2s}.notice-list a:hover{padding-left:8px}.notice-list time{font-size:11px;opacity:.55;white-space:nowrap}.question-section{position:relative;z-index:2;padding:120px 0;background:#f4f4f4}.question-section .section-heading{margin-bottom:60px}.question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.question-grid article{min-height:390px;padding:30px;border:1px solid #ddd;border-radius:4px;background:#fff;display:flex;flex-direction:column}.question-grid article>i{font-size:30px}.question-grid h3{margin:48px 0 16px;font-size:20px;line-height:1.45}.question-grid p{margin:0;font-size:13px;line-height:1.75;color:#777}.question-grid a{margin-top:auto;padding-top:30px;font-size:12px;border-top:1px solid #e2e2e2}.question-grid a i{float:right}.brand-footer{position:relative;z-index:2;background:#101010;color:#fff;padding-top:62px}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:50px}.footer-main nav{display:flex;gap:28px;font-size:12px;color:#999}.footer-legal{height:50px;border-top:1px solid #333;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#777}.footer-legal div{display:flex;gap:20px}
@media(max-width:900px){.page-shell{width:calc(100% - 40px)}.brand-header nav{gap:15px}.brand-header nav>a:nth-child(-n+4){display:none}.sso-visual,.feature-develop,.configure-feature{grid-template-columns:1fr}.connection-map{order:-1}.configure-icon{width:160px;height:160px}.data-levels,.question-grid{grid-template-columns:1fr}.data-levels article,.question-grid article{min-height:auto}.notice-heading{grid-template-columns:1fr;gap:20px}.site-background source{display:block}}
@media(max-width:600px){.page-shell{width:calc(100% - 32px)}.brand-header{height:58px}.brand-header nav>a:not(.header-login){display:none}.hero{min-height:760px;padding-inline:16px}.hero h1{font-size:50px}.hero-content>p:not(.section-label){font-size:14px;line-height:1.6}.hero-actions{display:grid}.button{width:100%}.sso-section,.developer-section,.notice-section,.question-section{padding:80px 0}.section-heading h2,.feature-copy h2{font-size:36px}.sso-visual{gap:18px;margin-top:45px}.connection-map{width:280px}.sso-points{display:grid;gap:12px}.dark-feature{padding:75px 0}.data-levels{margin-top:40px}.configure-feature{gap:35px}.notice-heading h2{font-size:38px}.notice-list a{font-size:13px}.footer-main{display:block}.footer-main nav{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.footer-legal{height:auto;min-height:58px;display:block;padding:11px 0;line-height:1.8}.footer-legal div{gap:14px}}

/* Cpassports uses the same restrained visual system as login.html. */
body{padding-bottom:46px}.page-shell{width:min(1180px,calc(100% - 96px))}.brand-header{height:72px;background:rgba(255,255,255,.82);border-bottom:1px solid rgba(0,0,0,.1);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.wordmark{font-size:18px}.brand-header nav{gap:22px;font-size:11px}.brand-header .header-login{padding:7px 15px;border-radius:4px}.hero{min-height:100vh;padding-top:118px}.hero-content{max-width:760px}.hero h1{font-size:clamp(38px,4.2vw,58px);letter-spacing:-.045em}.hero-content>p:not(.section-label){font-size:14px;line-height:1.7}.section-label{font-size:9px}.button{min-height:42px;border-radius:4px;font-size:11px}.sso-section{padding:100px 0;background:rgba(223,231,222,.96)}.section-heading h2,.notice-heading h2,.feature-copy h2{font-size:clamp(34px,4vw,50px)}.section-heading>p:last-child,.feature-copy>p:last-of-type{font-size:14px}.sso-visual{margin-top:58px}.sso-visual article{padding-top:24px}.sso-visual h3{font-size:18px;margin-top:26px}.center-node,.app-node{border-radius:4px}.center-node{border-radius:50%}.developer-section{padding:100px 0;background:rgba(0,0,0,.96)}.dark-feature{padding:82px 0}.feature-develop{gap:65px}.code-window,.data-levels article,.question-grid article{border-radius:4px}.code-window{box-shadow:0 24px 60px rgba(0,0,0,.22)}.data-levels article{min-height:305px;padding:26px}.data-levels h3{font-size:18px}.configure-icon{width:200px;height:200px}.notice-section{padding:100px 0}.notice-heading h2{font-size:40px}.notice-heading p{font-size:13px}.notice-list{margin-top:48px;background:rgba(255,255,255,.74);border:1px solid rgba(0,0,0,.12);border-radius:4px;padding:0 24px;backdrop-filter:blur(16px)}.notice-list a{padding:21px 0;font-size:13px}.question-section{padding:100px 0;background:rgba(245,245,245,.96)}.question-section .section-heading{margin-bottom:48px}.question-grid article{min-height:350px;padding:26px;box-shadow:0 16px 38px rgba(0,0,0,.04)}.question-grid h3{font-size:18px;margin-top:40px}.brand-footer{position:fixed;z-index:30;left:0;right:0;bottom:0;height:46px;padding:0;background:rgba(255,255,255,.34);color:#000;border-top:1px solid rgba(0,0,0,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.footer-legal{height:46px;border:0;color:#000;font-size:10px}.footer-legal div{gap:26px}.footer-legal a{opacity:.68}.footer-legal span{opacity:.56}
@media(max-width:900px){.page-shell{width:calc(100% - 40px)}.brand-header{height:62px}}
@media(max-width:600px){body{padding-bottom:72px}.page-shell{width:calc(100% - 40px)}.hero{min-height:100svh;padding-top:96px}.hero h1{font-size:38px}.sso-section,.developer-section,.notice-section,.question-section{padding:74px 0}.section-heading h2,.feature-copy h2{font-size:34px}.notice-list{padding:0 16px}.brand-footer{height:auto;min-height:52px}.footer-legal{height:auto;min-height:52px;display:block;padding:9px 0;line-height:1.8}.footer-legal div{gap:18px}.footer-legal span{display:block;text-align:left}}
@media(max-width:480px){.page-shell{width:calc(100% - 32px)}.brand-header{height:58px}}

/* Prevent the desktop SSO diagram from collapsing inside the three-column grid. */
.connection-map{width:350px;max-width:100%;justify-self:center}