:root{font-family:"Times New Roman",Times,serif;color:#102841;background:#f4fafb;--navy:#173b62;--blue:#4f7eae;--sky:#d8edf1;--mint:#d9eee8;--green:#639b72;--red:#bd604f;--yellow:#e3bf61;--line:#d4e2e7}*{box-sizing:border-box}html{min-height:100%;background:#f4fafb}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 85% 15%,rgba(205,237,232,.8),transparent 32%),radial-gradient(circle at 12% 82%,rgba(212,232,245,.8),transparent 31%),linear-gradient(135deg,#f9fcfd,#edf6f7)}a{color:inherit}.landing-shell{width:min(1440px,100%);min-height:100vh;margin:auto;padding:0 clamp(24px,6vw,86px);display:flex;flex-direction:column}.landing-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,59,98,.11);gap:28px}.landing-brand{display:flex;align-items:center;gap:13px;text-decoration:none}.landing-brand img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(30,76,106,.16)}.landing-brand strong,.landing-brand small{display:block}.landing-brand strong{font-size:23px}.landing-brand small{font-size:11px;color:#6b7e91;letter-spacing:.09em;margin-top:4px}.landing-header nav{display:flex;align-items:center;gap:12px}.landing-header nav a{padding:13px 17px;border-radius:14px;text-decoration:none;font-size:15px;font-weight:700;transition:.25s}.landing-header nav a:hover{transform:translateY(-2px)}.landing-header .nav-primary{background:#173b62;color:#fff;box-shadow:0 12px 30px rgba(23,59,98,.17)}.landing-main{flex:1;display:grid;grid-template-columns:minmax(370px,.7fr) minmax(620px,1.3fr);align-items:center;gap:clamp(20px,4vw,64px);padding:54px 0 70px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;color:#4f7eae;margin:0 0 24px}.hero-copy h1{font-size:clamp(52px,6vw,88px);line-height:.96;letter-spacing:-.045em;margin:0;color:#102841;font-weight:700}.hero-text{max-width:610px;color:#64778b;font-size:20px;line-height:1.55;margin:30px 0 38px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero-actions a{position:relative;min-height:100px;padding:22px 52px 22px 22px;border-radius:22px;text-decoration:none;display:flex;flex-direction:column;justify-content:center;transition:.3s;overflow:hidden}.hero-actions a:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(25,63,91,.16)}.hero-actions span{font-size:18px;font-weight:700}.hero-actions b{position:absolute;right:21px;top:50%;transform:translateY(-50%);font-size:25px}.action-main{background:#173b62;color:white}.action-secondary{background:rgba(255,255,255,.78);border:1px solid #d2e0e6;color:#173b62;backdrop-filter:blur(12px)}.scene-wrap{position:relative;min-height:690px;display:grid;place-items:center;perspective:1200px}.scene-glow{position:absolute;width:72%;height:55%;border-radius:50%;background:rgba(125,188,198,.24);filter:blur(52px);animation:glow 6s ease-in-out infinite}.workplace-scene{position:relative;width:700px;height:540px;transform-style:preserve-3d;transform:rotateX(56deg) rotateZ(-38deg);transition:transform .18s ease-out}.floor-grid{position:absolute;inset:24px;background:linear-gradient(rgba(59,111,139,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(59,111,139,.08) 1px,transparent 1px),rgba(255,255,255,.62);background-size:32px 32px;border-radius:32px;box-shadow:0 45px 80px rgba(29,65,88,.2);transform:translateZ(-7px)}.room{position:absolute;border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 16px 35px rgba(26,70,97,.18);transform-style:preserve-3d;border:1px solid rgba(165,199,210,.7)}.room-a{width:262px;height:202px;left:55px;top:54px}.room-b{width:235px;height:245px;right:52px;top:104px}.room-c{width:280px;height:142px;left:94px;bottom:30px}.wall{position:absolute;background:#d9e9ec;transform-origin:bottom}.wall-back{left:0;right:0;top:0;height:18px;transform:rotateX(-90deg);border-radius:18px}.wall-side{right:0;top:0;bottom:0;width:18px;transform:rotateY(90deg);background:#c8dde2;border-radius:18px}.desk{position:absolute;width:110px;height:56px;left:72px;top:74px;border-radius:8px;background:#d8b878;transform:translateZ(22px);box-shadow:0 10px 0 #b18e52}.desk span{position:absolute;width:68px;height:9px;left:21px;top:19px;background:#eff5f6;border-radius:3px}.screen{position:absolute;width:54px;height:10px;left:101px;top:50px;background:#456b88;transform:translateZ(52px);box-shadow:0 0 0 5px #d7e4e8}.chair{position:absolute;width:45px;height:48px;left:104px;bottom:20px;border-radius:14px;background:#507cad;transform:translateZ(20px);box-shadow:0 9px 0 #345d89}.plant{position:absolute;left:26px;bottom:25px;width:34px;height:34px;border-radius:50%;background:#c19260;transform:translateZ(18px)}.plant i{position:absolute;width:18px;height:34px;background:#65a177;border-radius:100% 0 100% 0;bottom:20px;left:8px;transform-origin:bottom}.plant i:nth-child(2){transform:rotate(70deg)}.plant i:nth-child(3){transform:rotate(-70deg)}.table{position:absolute;width:112px;height:96px;border-radius:50%;left:61px;top:66px;background:#c9a96d;transform:translateZ(22px);box-shadow:0 9px 0 #a6844a}.seat{position:absolute;width:38px;height:42px;border-radius:12px;background:#5e8ab5;transform:translateZ(18px);box-shadow:0 7px 0 #3e6891}.seat-1{left:98px;top:19px}.seat-2{left:24px;top:98px}.seat-3{right:22px;top:121px}.sofa{position:absolute;width:118px;height:47px;border-radius:18px;left:30px;top:48px;background:#77aa88;transform:translateZ(24px);box-shadow:0 9px 0 #55856a}.lamp{position:absolute;width:13px;height:64px;right:40px;top:25px;background:#415e70;transform:translateZ(28px);border-radius:8px}.lamp:after{content:"";position:absolute;width:48px;height:28px;border-radius:50%;background:#eccd73;left:-18px;top:-12px}.side-table{position:absolute;width:46px;height:46px;border-radius:50%;right:90px;top:51px;background:#d3b271;transform:translateZ(20px);box-shadow:0 7px 0 #ac8952}.room-label{position:absolute;left:18px;top:16px;display:flex;gap:6px;align-items:center;transform:translateZ(54px) rotateZ(38deg) rotateX(-56deg);transform-origin:left center;background:rgba(255,255,255,.94);padding:8px 10px;border-radius:10px;box-shadow:0 8px 24px rgba(24,62,89,.15);white-space:nowrap}.room-label small{color:#697b89}.room-label strong{color:#4f8765}.room-b .room-label strong{color:#4f7eae}.signal{position:absolute;width:18px;height:18px;border-radius:50%;background:#4f7eae;transform:translateZ(65px);box-shadow:0 0 0 9px rgba(79,126,174,.16);animation:pulse 2.4s ease-out infinite}.signal-a{left:306px;top:70px}.signal-b{right:76px;bottom:70px;animation-delay:1.1s;background:#65a174}.floating-card{position:absolute;display:flex;gap:7px;align-items:center;padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 14px 35px rgba(26,65,91,.16);transform:translateZ(100px) rotateZ(38deg) rotateX(-56deg);animation:float 4s ease-in-out infinite}.floating-card em{font-size:20px;font-style:normal;font-weight:700;color:#4f7eae}.floating-card span{font-size:12px;color:#657787}.card-one{left:3px;top:28px}.card-two{right:3px;bottom:0;animation-delay:1.5s}.card-two em{color:#65a174}footer{height:68px;border-top:1px solid rgba(23,59,98,.1);display:flex;align-items:center;justify-content:space-between;color:#718393;font-size:13px}body.ready .workplace-scene{animation:arrive .9s cubic-bezier(.2,.8,.2,1)}@keyframes arrive{from{opacity:0;transform:rotateX(62deg) rotateZ(-44deg) translateY(60px) scale(.88)}to{opacity:1;transform:rotateX(56deg) rotateZ(-38deg)}}@keyframes float{50%{translate:0 -9px}}@keyframes pulse{70%{box-shadow:0 0 0 22px rgba(79,126,174,0)}}@keyframes glow{50%{transform:scale(1.1);opacity:.7}}@media(max-width:1080px){.landing-main{grid-template-columns:1fr;padding-top:55px}.hero-copy{text-align:center}.hero-text{margin-left:auto;margin-right:auto}.scene-wrap{min-height:540px}.hero-actions{max-width:700px;margin:auto}.workplace-scene{scale:.92}}@media(max-width:720px){.landing-shell{padding:0 18px}.landing-header{height:auto;padding:18px 0;align-items:flex-start}.landing-header nav{display:grid;gap:5px;text-align:right}.landing-header nav a{padding:7px 9px;font-size:13px}.landing-brand img{width:45px;height:45px}.landing-brand strong{font-size:18px}.landing-main{padding:48px 0 55px;gap:20px}.hero-copy h1{font-size:46px}.hero-text{font-size:17px}.hero-actions{grid-template-columns:1fr}.scene-wrap{min-height:400px;overflow:hidden}.workplace-scene{scale:.62}.floating-card{display:none}footer{height:auto;padding:20px 0;gap:8px;flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.admin-entry{padding:7px 12px;border:1px solid rgba(23,59,98,.22);border-radius:999px;color:#173b62;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.03em;background:rgba(255,255,255,.58);transition:.2s}.admin-entry:hover{background:#173b62;color:#fff;transform:translateY(-1px)}
