:root{font-family:Inter,Segoe UI,sans-serif;color:#253831;background:#f5f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:12px 18px;background:#214e40;color:white;font-weight:600}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5}button.secondary{background:#e9ede5;color:#214e40}button.danger{background:#fae6e1;color:#a43e33}input,select,textarea{padding:12px;border:1px solid #d8dfd5;border-radius:10px;width:100%;background:#fff;color:#253831}label{display:grid;gap:7px;font-size:14px;margin:14px 0}textarea{min-height:95px}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,5vw,66px);letter-spacing:-2px;line-height:1.08}h2{font-size:30px;letter-spacing:-1px}p{line-height:1.6;color:#67766a}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:#788970;font-weight:700}.brand{font-size:23px;font-weight:800;letter-spacing:-1px}.brand span{color:#d98264}.badge{display:inline-block;padding:6px 10px;border:1px solid #dce2d5;border-radius:20px;font-size:12px;background:#fff9}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{padding:34px 22px;border-right:1px solid #dde2d8;display:flex;flex-direction:column;gap:32px;background:#fafbf6}.sidebar nav{display:grid;gap:8px}.sidebar nav button{background:transparent;color:#758075;text-align:left}.sidebar nav button.active{background:#e2e9dc;color:#254a38}.side-note{margin-top:auto;padding:18px;background:#edf0e6;border-radius:16px;font-size:13px}.main{padding:32px 44px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.hero{padding:34px;border-radius:22px;background:#e4ebd9;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;overflow:hidden}.hero h1{font-size:42px;margin-bottom:12px;max-width:540px}.hero p{max-width:450px;margin-bottom:0}.hero-art{font-family:Georgia,serif;font-size:150px;color:#839e66;transform:rotate(-15deg);line-height:1}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin:22px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:22px}.card{background:#fff;border:1px solid #e2e6dc;border-radius:20px;overflow:hidden}.portrait{height:235px;background:linear-gradient(145deg,#dfbba1,#b9c5a2);display:flex;align-items:center;justify-content:center;font-size:80px;color:#fff;font-family:Georgia,serif;position:relative}.portrait img{width:100%;height:100%;object-fit:cover}.card:nth-child(3n+2) .portrait{background:linear-gradient(150deg,#acbfc8,#5e7f7c)}.card:nth-child(3n) .portrait{background:linear-gradient(140deg,#d4c7ac,#a08977)}.card-body{padding:18px}.card h3{margin-bottom:5px}.card p{font-size:13px;margin-bottom:15px}.empty{padding:50px 25px;border:1px dashed #bdcbb6;border-radius:18px;text-align:center;background:#fafbf6}.auth{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.auth-story{background:#214e40;color:#f8f6df;padding:65px;display:flex;flex-direction:column;justify-content:space-between}.auth-story p{color:#c8d6b6;max-width:450px}.auth-story .orb{font-size:140px;color:#d6e6a7;font-family:Georgia;line-height:1.3}.auth-form{max-width:480px;width:100%;margin:auto;padding:40px}.tabs{display:flex;gap:12px;margin:25px 0}.tabs button{flex:1}.small{font-size:12px;color:#788574}.panel{background:#fff;padding:25px;border:1px solid #e0e5da;border-radius:18px;margin-bottom:20px}.profile-head{display:flex;gap:24px;align-items:center}.avatar{width:70px;height:70px;border-radius:20px;background:#dce6cb;display:grid;place-items:center;font-size:30px;font-family:Georgia}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:20px 0}.media-grid img,.media-grid video{width:100%;height:180px;object-fit:cover;border-radius:12px;background:#e4e9dd}.albums{display:flex;gap:12px;flex-wrap:wrap}.album{padding:20px;border:1px solid #dbe2d3;border-radius:15px;min-width:180px}.chat-layout{display:grid;grid-template-columns:230px 1fr;gap:20px}.contacts{display:grid;gap:8px;align-content:start}.contacts button{background:#e8eddf;color:#284a39;text-align:left}.messages{height:340px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:10px}.bubble{align-self:flex-start;background:#edf0e5;padding:12px 16px;border-radius:15px;max-width:85%;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:#214e40;color:white}.bubble time{display:block;font-size:10px;opacity:.65;margin-top:5px}.composer{display:flex;gap:8px;margin-top:15px}.composer input{flex:1}dialog{border:0;border-radius:20px;padding:28px;max-width:680px;width:90%;max-height:90vh;overflow:auto}dialog::backdrop{background:#18362988}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.video-grid video{width:100%;background:#172b25;border-radius:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#172f26;color:white;padding:14px 24px;border-radius:14px;z-index:100;display:none;max-width:90%}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.footer{margin-top:35px;font-size:12px;color:#879180}.error{color:#a43e33;font-size:14px}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{padding:18px;border-right:0;border-bottom:1px solid #ddd;gap:18px}.sidebar nav{display:flex;flex-wrap:wrap}.side-note{display:none}.main{padding:24px}.hero-art{display:none}.auth{grid-template-columns:1fr}.auth-story{padding:32px;gap:30px}.auth-story .orb{display:none}.auth-story h1{font-size:40px}.filters{grid-template-columns:1fr 1fr}.chat-layout{grid-template-columns:1fr}.contacts{display:flex;overflow:auto}.hero h1{font-size:34px}}@media(max-width:480px){.main{padding:18px}.filters{grid-template-columns:1fr}.topbar{margin-bottom:20px}.hero{padding:24px}.cards{grid-template-columns:1fr}.auth-form{padding:25px}.video-grid{grid-template-columns:1fr}.row button{padding:10px}}