@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#193b34;background:#f5f5ee}*{box-sizing:border-box}body{margin:0}header{max-width:1160px;margin:auto;padding:32px;display:flex;justify-content:space-between;align-items:center}header span,footer{color:#667871;font-size:13px}.brand{font-weight:700;text-decoration:none;color:inherit;font-size:20px}main{max-width:1100px;margin:60px auto;display:grid;grid-template-columns:1fr 440px;gap:80px;padding:0 32px;align-items:center}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700;color:#537365}h1{font-family:Manrope,sans-serif;font-size:clamp(40px,5vw,64px);line-height:1.13;letter-spacing:-3px;margin:20px 0}p{line-height:1.6}.intro>p:not(.eyebrow){color:#667871;max-width:310px}.card{background:#fff;padding:34px;border-radius:24px;box-shadow:0 16px 55px #193b340b;border:1px solid #e6eae3}h2{font-family:Manrope,sans-serif;font-size:26px;margin:28px 0 8px}.card p{font-size:14px;color:#667871}.tabs{display:flex;gap:8px;background:#f3f5f1;border-radius:12px;padding:5px}.tabs button{flex:1;background:transparent;color:#667871;padding:11px}.tabs .active{background:white;color:#193b34;box-shadow:0 2px 6px #193b3410}button{font:inherit;border:0;border-radius:9px;cursor:pointer;font-weight:600}button:disabled{opacity:.55;cursor:wait}label{display:block;font-size:13px;font-weight:600;margin:20px 0}input{display:block;width:100%;padding:13px;border:1px solid #dce3dc;border-radius:9px;margin-top:8px;font:inherit;color:#193b34;background:#fcfdfb}input:focus,button:focus-visible{outline:2px solid #438572;outline-offset:3px}.primary{background:#245d4e;color:white;width:100%;padding:14px;margin-top:5px}.secondary{background:#edf2ee;color:#245d4e;padding:12px;width:100%;margin-top:15px}.notice{background:#fff4d9;padding:12px;border-radius:9px}#status{min-height:22px}.art{height:160px;position:relative;margin-top:35px}.circle{width:145px;height:145px;border-radius:50%;background:#dce8bc;position:absolute;left:65px}.tile{position:absolute;left:0;top:30px;width:100px;height:100px;background:#245d4e;border-radius:22px;transform:rotate(-12deg);color:#e2ecc4;display:grid;place-items:center;font-size:65px}footer{text-align:center;padding:25px}[hidden]{display:none!important}@media(max-width:800px){main{grid-template-columns:1fr;gap:24px;margin:20px auto;max-width:530px}.art{display:none}header span{display:none}h1{letter-spacing:-2px}.card{padding:24px}.intro>p:not(.eyebrow){max-width:none}}

.card .feedback{display:flex;align-items:flex-start;gap:14px;padding:20px;border-radius:14px;border:2px solid #59736a;margin:0 0 24px;color:#193b34;background:#edf2ef;box-shadow:0 6px 18px #193b3415;line-height:1.55}.card .feedback.success{background:#d8f3e0;border-color:#23834a;color:#12452a}.card .feedback.error{background:#ffe1dc;border-color:#bd3829;color:#752116}.feedback-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#193b34;color:white;font-size:23px;font-weight:700}.success .feedback-icon{background:#23834a}.error .feedback-icon{background:#bd3829}.feedback-title{display:block;font-size:19px;margin-bottom:5px}.feedback-message{display:block;font-size:16px;overflow-wrap:anywhere}
.gallery-page{background:#faf9f5;min-height:100vh;color:#202d28}.gallery-header{max-width:1320px;padding:28px 48px;border-bottom:1px solid #e4e5dc}.gallery-header nav{display:flex;gap:12px}.gallery-header button{background:transparent;padding:10px 16px;color:#304f43}.gallery-header .logout-button{border:1px solid #ccd4c8;border-radius:30px}.gallery-main{display:block;max-width:1320px;padding:0 48px;margin:0 auto}.gallery-intro{display:flex;justify-content:space-between;align-items:flex-end;padding:70px 0 48px;gap:32px}.gallery-intro h1{font-size:clamp(44px,6vw,78px);line-height:1.08;margin:22px 0;letter-spacing:-3px}.gallery-intro h1 em{font-family:Georgia,serif;font-weight:400;color:#6b8054}.gallery-description{max-width:430px;font-size:16px;color:#738076}.member-note{display:flex;align-items:center;gap:14px;padding-bottom:12px}.member-avatar{background:#e5ebd7;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-weight:700;color:#536b3f}.member-note strong{font-size:14px}.member-note p{font-size:12px;color:#7b857a;margin:3px 0}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}.collection-toolbar>span{font-size:12px;color:#7b857a}.gallery-filters{display:flex;gap:8px;flex-wrap:wrap}.gallery-filters button{padding:11px 20px;border-radius:30px;background:transparent;color:#6f7c70;border:1px solid #dde1d5;font-size:13px}.gallery-filters .selected{background:#293e32;color:white;border-color:#293e32}.photo-grid{columns:3;column-gap:22px}.photo-card{position:relative;display:block;width:100%;padding:0;margin:0 0 22px;overflow:hidden;border-radius:16px;background:#dce3d6;break-inside:avoid;text-align:left}.photo-card img{display:block;width:100%;height:300px;object-fit:cover;transition:transform .45s}.photo-card.tall img{height:420px}.photo-card:hover img{transform:scale(1.045)}.photo-card:focus-visible{outline:3px solid #536b3f;outline-offset:4px}.photo-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:end;padding:60px 23px 24px;background:linear-gradient(transparent,#10251cb8);color:white}.photo-overlay small{display:block;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.photo-overlay strong{font-size:20px;font-family:Manrope,sans-serif}.photo-overlay>span:last-child{font-size:23px}.collection-end{text-align:center;padding:45px 0}.collection-end span{font-size:10px;letter-spacing:2px;color:#7a8770}.collection-end p{font-family:Georgia,serif;font-size:27px;font-style:italic;color:#536b3f;margin-top:10px}.gallery-footer{max-width:1224px;margin:auto;border-top:1px solid #e4e5dc;display:flex;justify-content:space-between;padding:25px 0;font-size:12px}.gallery-feedback{padding:16px 20px;margin-bottom:24px;border-radius:12px;background:#e8efdf;color:#36512e}.gallery-feedback.error{background:#ffe1dc;color:#752116}.photo-viewer{padding:0;border:0;border-radius:18px;background:#17251f;color:white;max-width:min(1000px,92vw);max-height:92vh;overflow:auto}.photo-viewer::backdrop{background:#0c1814db;backdrop-filter:blur(7px)}.photo-viewer img{display:block;width:100%;max-height:75vh;object-fit:contain}.viewer-close{position:absolute;top:15px;right:15px;width:42px;height:42px;border-radius:50%;background:#ffffffed;color:#213c30;font-size:28px}.viewer-caption{display:flex;justify-content:space-between;padding:20px;gap:20px}.viewer-caption span{font-size:13px;color:#b9c8be}@media(max-width:900px){.gallery-intro{display:block;padding-top:45px}.member-note{margin-top:28px}.photo-grid{columns:2}.gallery-header,.gallery-main{padding-left:25px;padding-right:25px}.gallery-footer{margin:0 25px}}@media(max-width:540px){.photo-grid{columns:1}.photo-card img,.photo-card.tall img{height:340px}.gallery-header{padding:20px;gap:12px}.gallery-header .brand{font-size:17px}.gallery-header button{padding:8px;font-size:12px}.gallery-header nav{gap:5px}.gallery-main{padding:0 20px}.gallery-intro h1{letter-spacing:-2px}.collection-toolbar{align-items:flex-start;flex-direction:column}.gallery-footer{gap:15px;flex-direction:column;align-items:center}.photo-overlay strong{font-size:19px}}@media(prefers-reduced-motion:reduce){.photo-card img{transition:none}}