:root{--bg:#f6f3ee;--paper:#fffaf2;--ink:#151515;--muted:#6e6a63;--line:rgba(20,20,20,.14);--gold:#a77b36;--gold-soft:#d8bf8f;--blue:#17334f;--dark:#080b10;--white:#fff;--shadow:0 24px 70px rgba(0,0,0,.13);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}.office-container{margin:0 auto;width:min(1180px,calc(100% - 40px))}.office-nav{background:rgba(246,243,238,.88);border-bottom:1px solid rgba(0,0,0,.07);left:0;position:fixed;right:0;top:0;z-index:20;backdrop-filter:blur(18px)}.office-nav-inner{align-items:center;display:flex;gap:24px;height:78px;justify-content:space-between}.office-brand{align-items:center;display:flex;font-weight:800;gap:13px;letter-spacing:.04em}.office-mark{align-items:center;background:linear-gradient(145deg,#fff,#ebe2d3);border:1px solid var(--line);border-radius:14px;color:var(--gold);display:flex;font-size:17px;height:44px;justify-content:center;width:44px}.office-nav-actions{align-items:center;display:flex;gap:12px}.office-user{color:var(--muted);font-size:14px}.office-btn{align-items:center;background:var(--dark);border:1px solid var(--dark);border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.16);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;padding:13px 20px;transition:.25s}.office-btn:hover{box-shadow:0 18px 35px rgba(0,0,0,.2);transform:translateY(-2px)}.office-btn-secondary{background:transparent;border-color:var(--line);box-shadow:none;color:var(--ink)}.office-hero{background:radial-gradient(circle at 75% 25%,rgba(167,123,54,.20),transparent 32%),radial-gradient(circle at 20% 70%,rgba(23,51,79,.14),transparent 35%),linear-gradient(180deg,#f8f4ec 0%,#f0ece5 100%);min-height:100vh;overflow:hidden;padding:150px 0 80px;position:relative}.office-hero:before{background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:72px 72px;content:"";inset:0;mask-image:linear-gradient(180deg,black,transparent 85%);position:absolute}.office-hero-grid{align-items:center;display:grid;gap:58px;grid-template-columns:1.05fr .95fr;position:relative}.office-eyebrow{align-items:center;color:var(--gold);display:inline-flex;font-size:12px;font-weight:800;gap:10px;letter-spacing:.18em;margin-bottom:18px;text-transform:uppercase}.office-eyebrow:before{background:var(--gold);content:"";height:1px;width:36px}.office-hero h1{font-size:clamp(46px,7vw,84px);letter-spacing:-.055em;line-height:1;margin:0}.office-lead{color:#3e3b36;font-size:20px;line-height:1.65;margin:28px 0 34px}.office-actions{display:flex;flex-wrap:wrap;gap:14px}.office-panel{background:rgba(255,250,242,.78);border:1px solid rgba(255,255,255,.85);border-radius:36px;box-shadow:var(--shadow);padding:24px;backdrop-filter:blur(20px)}.office-panel-inner{background:linear-gradient(135deg,var(--dark),var(--blue));border-radius:28px;color:#fff;min-height:430px;padding:34px;position:relative;overflow:hidden}.office-panel-inner:after{background:rgba(216,191,143,.14);border-radius:50%;content:"";height:230px;position:absolute;right:-65px;top:-75px;width:230px}.office-panel-label{border-left:3px solid var(--gold);padding-left:18px;position:relative;z-index:1}.office-panel-label strong{display:block;font-size:30px;margin-bottom:8px}.office-apps{display:grid;gap:14px;margin-top:70px;position:relative;z-index:1}.office-app-card{align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:18px;display:grid;gap:15px;grid-template-columns:48px minmax(0,1fr) auto;padding:16px;transition:.2s}.office-app-card:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}.office-app-icon{align-items:center;background:rgba(216,191,143,.18);border-radius:14px;color:var(--gold-soft);display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.office-app-card strong,.office-app-card span{display:block}.office-app-card span{color:rgba(255,255,255,.65);font-size:12px;margin-top:3px}.office-login-page{background:radial-gradient(circle at 75% 25%,rgba(167,123,54,.20),transparent 32%),linear-gradient(135deg,#f8f4ec,#ece7df);min-height:100vh;padding:40px}.office-login-shell{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px)}.office-login-card{background:var(--paper);border:1px solid rgba(255,255,255,.9);border-radius:34px;box-shadow:var(--shadow);display:grid;grid-template-columns:.9fr 1.1fr;max-width:980px;overflow:hidden;width:100%}.office-login-visual{background:linear-gradient(145deg,var(--dark),var(--blue));color:#fff;padding:52px;position:relative}.office-login-visual:after{background:rgba(216,191,143,.14);border-radius:50%;content:"";height:230px;position:absolute;right:-90px;top:-70px;width:230px}.office-login-visual h1{font-size:48px;letter-spacing:-.05em;line-height:1.02;margin:80px 0 18px}.office-login-visual p{color:rgba(255,255,255,.7);line-height:1.7}.office-login-form{padding:58px}.office-login-form h2{font-size:36px;letter-spacing:-.04em;margin:8px 0}.office-login-copy{color:var(--muted);margin:0 0 30px}.office-field{margin-bottom:18px}.office-field label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.office-field input{background:#fff;border:1px solid var(--line);border-radius:12px;font-size:16px;height:50px;padding:0 15px;width:100%}.office-field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(167,123,54,.12);outline:0}.office-login-submit{border-radius:12px;height:50px;width:100%}.office-message{background:#f9e8ec;border:1px solid #e5b7c1;border-radius:10px;color:#8c3048;font-size:13px;margin-bottom:18px;padding:12px}.office-help{color:var(--muted);font-size:12px;margin-top:20px;text-align:center}.office-help a{color:var(--blue);font-weight:700}@media(max-width:800px){.office-hero-grid,.office-login-card{grid-template-columns:1fr}.office-panel{margin-top:20px}.office-login-visual{display:none}.office-login-form{padding:38px}.office-user{display:none}}@media(max-width:520px){.office-login-page{padding:14px}.office-login-form{padding:28px}.office-nav-actions .office-btn-secondary{display:none}.office-hero{padding-top:120px}.office-panel-inner{min-height:350px;padding:24px}}