@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');
:root{--cream:#f4ecdd;--text:#463b33;--muted:#796d63;--line:#654d3b29;--accent:#6c533f}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;min-width:0;min-height:100vh;overflow-x:clip;color:var(--text);font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 16% 10%,#fffceb,transparent 30%),linear-gradient(145deg,#fbf7ef,#f4ecdd 58%,#f8f1e6)}button,a{font:inherit}
.intro-header{display:flex;justify-content:space-between;width:min(100% - 48px,1180px);margin:auto;padding:30px 0 12px}.intro-brand{color:var(--text);font-size:.82rem;font-weight:600;letter-spacing:.24em;text-decoration:none}.language{position:relative;z-index:30}.lang-btn{display:flex;gap:6px;padding:4px;border:0;background:none;color:#5b554f;cursor:pointer}.arrow{transition:.22s}.lang-menu{position:absolute;top:38px;right:0;display:flex;flex-direction:column;min-width:190px;padding:10px;border:1px solid #654d3b1a;border-radius:16px;background:#fffcf6f5;box-shadow:0 12px 30px #00000014;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.22s}.lang-menu a{padding:8px 12px;border-radius:10px;color:#5f5953;text-decoration:none}.lang-menu a:hover,.lang-menu a:focus-visible,.lang-menu a.active{background:#dac59833}.language.open .lang-menu{opacity:1;transform:none;pointer-events:auto}.language.open .arrow{transform:rotate(180deg)}
.intro-hero{width:min(100% - 36px,1180px);margin:auto;padding:42px 0 76px;text-align:center}.intro-copy p{margin:0}.intro-copy--purpose{display:grid;gap:13px;justify-items:center}.intro-technical-text{margin:0 auto;color:#8a7b6e;font:500 clamp(.76rem,1.3vw,1.02rem)/1.25 Inter,Arial,sans-serif;letter-spacing:.025em;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.72),0 -1px 0 rgba(89,67,50,.18);opacity:.78;white-space:nowrap}.intro-technical-text--wide{width:min(69vw,720px);font-size:clamp(1.02rem,1.7vw,1.34rem);letter-spacing:clamp(.16em,.85vw,.52em);white-space:nowrap}.connect-core{margin:18px auto 54px}.connect-core h1{display:inline-block;margin:0;font:600 clamp(5.75rem,11.5vw,9.545rem)/.78 "Cormorant Garamond",serif;letter-spacing:.065em;background:linear-gradient(180deg,#d09a38 0%,#c58a2a 52%,#b97820 100%);background-clip:text;-webkit-background-clip:text;color:#c58a2a;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 #fff3c9b8,0 2px 1px #74491340,0 6px 13px #6840102e}.intro-thought{max-width:620px;margin:28px auto 0;color:#68462f;font:700 clamp(1.33rem,2vw,1.6rem)/1.45 "Cormorant Garamond",serif}
.module-grid--keypad{width:min(100%,850px);margin:0 auto}.module-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.module-list--row+.module-list--row{margin-top:14px}.module-item{position:relative;min-width:0}.module-item--empty{min-height:156px}.module-control{display:grid;grid-template-rows:94px auto auto;justify-items:center;align-content:start;width:100%;min-height:156px;padding:10px 6px;border:1px solid #725a4521;border-radius:22px;background:#fffaf066;color:var(--text);text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 7px 20px #4d382709;transition:.22s}.module-control img{width:88px;height:88px;object-fit:contain;filter:saturate(1.18) contrast(1.05);transition:.22s}.module-item[data-module="chat_rooms"] .module-control img{width:108px;height:108px;margin-top:-10px;margin-bottom:-10px}.module-label{margin-top:5px;font-size:.79rem;font-weight:600;line-height:1.3}.module-state{margin-top:6px;color:#8b7260;font-size:.59rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.module-control:hover,.module-info-trigger[aria-expanded="true"]{background:#fffdf7c7;box-shadow:0 11px 28px #4d382714;transform:translateY(-2px)}.module-item--coming img{filter:grayscale(1) sepia(.2) saturate(.45);opacity:.38}.module-item--coming .module-label{color:#716a64}.module-item--coming .module-control{background:#fffaf047}.module-item--coming .module-control:hover img{opacity:.47}.keypad-entry{display:flex;align-items:center;justify-content:center;padding:12px;font-size:1.35rem;font-weight:600;line-height:1.15}.keypad-entry--login{border-color:#9b681f;background:linear-gradient(145deg,#b77a20,#936019);color:#fff8e9;box-shadow:0 9px 24px #7a4e192b}.keypad-entry--register{border-color:#d4ad58;background:linear-gradient(145deg,#f0d58d,#d8ad54);color:#594018;box-shadow:0 9px 24px #8b681b1c}.keypad-entry:hover{transform:translateY(-2px)}.keypad-entry--login:hover{background:linear-gradient(145deg,#bf8125,#9a651d)}.keypad-entry--register:hover{background:linear-gradient(145deg,#f4dc9a,#dfb65e)}.intro-button:focus-visible,.lang-btn:focus-visible,.module-info-trigger:focus-visible,.keypad-entry:focus-visible{outline:3px solid #996c305c;outline-offset:4px}.keypad-note{display:flex;align-items:flex-start;gap:7px;width:100%;margin:13px 0 0;padding-top:10px;border-top:1px solid #725a4526;color:#827468;font-size:.78rem;line-height:1.5;text-align:left}.keypad-note>span:first-child{flex:0 0 auto}.keypad-note>span:last-child{flex:1 1 auto}
.active-module-info{position:relative;width:min(100% - 28px,760px);margin:22px auto 0;padding:22px 54px 23px;border:1px solid #bda47a61;border-radius:22px;background:#fffaf0bd;box-shadow:0 14px 34px #503a2912;text-align:left}.active-module-info[hidden]{display:none}.active-module-info-title{margin:0;color:#74543d;font:600 1.55rem/1.15 "Cormorant Garamond",serif}.active-module-info-text{margin:8px 0 0;color:var(--muted);font-size:.9rem;line-height:1.65}.active-module-info-close{position:absolute;top:10px;right:12px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#8b7968;font-size:1.2rem;line-height:1;cursor:pointer}.active-module-info-close:hover{background:#8b6c4420;color:#5e4937}.active-module-info-close:focus-visible{outline:2px solid #996c305c;outline-offset:2px}
.support-section{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 52px;width:min(100% - 40px,990px);margin:0 auto 64px;padding:clamp(30px,5vw,50px);border:1px solid var(--line);border-radius:30px;background:#fffcf68f;box-shadow:0 18px 48px #503a2914}.support-copy{position:relative;padding-left:54px}.support-symbol{position:absolute;left:0;color:#ae7b46;font:2.5rem/1 "Cormorant Garamond",serif}.support-section h2{margin:0 0 14px;color:#73543d;font:600 clamp(1.9rem,3.4vw,2.65rem)/1.08 "Cormorant Garamond",serif}.support-section p{max-width:690px;margin:0;color:var(--muted);font-size:.92rem;line-height:1.7}.support-section p+p{margin-top:8px;color:#9a681f}.support-action{display:grid;justify-items:center;gap:14px}.support-button{display:inline-flex;justify-content:center;min-width:190px;padding:12px 20px;border:1px solid #674d386b;border-radius:999px;background:#76543b;color:#fffaf2;text-decoration:none;box-shadow:0 9px 24px #5239272b;transition:.2s}.support-button:hover{transform:translateY(-2px)}.support-button:focus-visible{outline:3px solid #996c305c;outline-offset:4px}.support-signum{display:grid;justify-items:center;gap:3px;width:92px;line-height:1;text-decoration:none;color:#8a6a52;opacity:.78;transform:translateY(0) scale(1);transition:opacity .22s ease,transform .22s ease}.support-signum img{display:block;width:71px;height:80px}.support-signum-caption{display:block;font:600 .48rem/1.28 "Cormorant Garamond",serif;letter-spacing:.18em;text-align:center}.support-signum:hover{opacity:1;transform:translateY(-2px) scale(1.035)}.support-signum:focus-visible{outline:1px solid rgba(118,84,59,.28);outline-offset:5px;border-radius:6px}.intro-footer{padding:0 20px 36px;color:#8a6a52;font-size:.76rem;text-align:center}
@media(max-width:760px){.intro-header{width:min(100% - 30px,720px)}.intro-hero{width:min(100% - 26px,720px);padding-top:28px}.intro-technical-text--wide{width:min(76vw,610px);letter-spacing:clamp(.1em,.7vw,.34em)}.module-grid--keypad{width:min(100%,650px)}.module-list{gap:9px}.module-list--row+.module-list--row{margin-top:9px}.module-control{min-height:145px;padding:8px 4px}.module-item--empty{min-height:145px}.active-module-info{width:min(100% - 10px,620px);padding:20px 44px 21px 22px}.support-section{grid-template-columns:1fr}.support-action{justify-items:start;margin-left:54px}}
@media(max-width:520px){.intro-header{width:calc(100% - 22px);padding-top:20px}.intro-hero{width:calc(100% - 14px);padding:22px 0 52px}.intro-copy--purpose{gap:8px}.intro-technical-text{font-size:clamp(.5rem,2.45vw,.72rem);letter-spacing:-.015em}.intro-technical-text--wide{width:min(82vw,410px);font-size:clamp(.68rem,3.3vw,.96rem);letter-spacing:clamp(.06em,1.15vw,.22em)}.connect-core{margin:12px auto 40px}.connect-core h1{font-size:clamp(3.8525rem,20.7vw,5.75rem);letter-spacing:.025em}.intro-thought{max-width:310px;margin-top:24px;font-size:1.33rem;line-height:1.4}.module-list{gap:5px}.module-list--row+.module-list--row{margin-top:5px}.module-control{grid-template-rows:58px auto auto;min-height:116px;padding:7px 2px;border-radius:15px}.module-item--empty{min-height:116px}.module-control img{width:56px;height:56px}.module-item[data-module="chat_rooms"] .module-control img{width:68px;height:68px;margin-top:-6px;margin-bottom:-6px}.module-label{font-size:.62rem;line-height:1.2}.module-state{margin-top:4px;font-size:.47rem;letter-spacing:.06em}.keypad-entry{display:flex;font-size:.88rem;line-height:1.1;padding:5px}.keypad-note{gap:5px;margin-top:9px;padding-top:8px;font-size:.65rem;line-height:1.45}.active-module-info{width:100%;margin-top:12px;padding:18px 40px 19px 18px;border-radius:18px}.active-module-info-title{font-size:1.35rem}.active-module-info-text{font-size:.84rem}.support-section{width:calc(100% - 18px);padding:27px 22px;border-radius:24px}.support-copy{padding-left:0}.support-symbol{position:static;display:block;margin-bottom:8px}.support-action{justify-items:stretch;margin-left:0}.support-button{width:100%}.support-signum{justify-self:center}}
@media(max-width:520px){.connect-core h1{font-size:clamp(3.5rem,18.8vw,5.25rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.module-control,.module-control img,.keypad-entry,.support-button,.support-signum,.lang-menu,.arrow{transition:none!important}}