@import"https://fonts.googleapis.com/css2?family=Sour+Gummy:wght@100..900&display=swap";.sour-gummy{font-family:Sour Gummy,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}:root{--heading-font: "Sour Gummy", sans-serif}h1,h2,h3,h4,h5,h6,.main-text,.sub-text,.item-name,.item-owner,.login-heading-fill,.login-heading-shadow,.nav-links a{font-family:var(--heading-font);letter-spacing:.4px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,html{margin:0;padding:0;height:100%;width:100%;font-family:Inter,sans-serif}.home{display:flex;flex-direction:column;height:100vh;width:100vw}.top-bar{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;height:72px;padding:0 20px;background-color:#000;color:#fff;box-shadow:0 2px 8px #00000026;font-weight:700;font-size:1rem;z-index:10}.left-logo img,.logo-img{height:48px;cursor:pointer;margin:0;display:block}.left-logo .logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.logo-text{font-size:1.125rem;font-weight:700;color:#fff;letter-spacing:.4px}.nav-links{list-style-type:none;display:flex;gap:20px;margin:0;padding:0}.profile-icon img{width:50px;height:50px;border-radius:50%}.nav-links li{margin-right:1rem}.nav-links a{color:#fff;text-decoration:none}.btn,.btn.btn-pill{background-color:#6a8ea1;color:#0c0c0c;border-radius:999px;padding:14px 24px;font-weight:700;border:none;transition:filter .15s ease}.btn:hover,.btn.btn-pill:hover{filter:brightness(1.1)}.btn.btn-danger{background-color:#c44536;color:#fff}.user-page{display:flex;flex-direction:column;height:100vh;width:100vw}.content{display:flex;flex:1}.sidebar{background-color:#000;color:#fff;width:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.profile-img{width:180px;height:180px;border-radius:50%;object-fit:cover}.main-content{background-color:#e9dbc0;flex:1;padding:40px}.button-container{display:flex;gap:10px;margin-bottom:30px}.btn{background-color:#d0c2a5;border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn.selected{background-color:#5c3b1e;color:#fff}.btn:hover{opacity:.9}.item-gallery{display:flex;flex-wrap:wrap;gap:20px}.item{display:flex;flex-direction:column;align-items:flex-start}.item-img{width:200px;height:200px;border-radius:12px;object-fit:cover}.item-name,.item-owner{margin:5px 0;font-size:1rem}.hero{position:relative;overflow:hidden;background-image:url(/images/homepage.png);background-size:cover;background-position:center;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:larger;text-shadow:0 2px 5px rgba(0,0,0,.6)}.hero-overlay{position:absolute;inset:0;background:#00000059;z-index:0}.hero .main-text,.hero .sub-text{position:relative;z-index:1;color:#fff}.profile-icon img{width:50px;height:50px;border-radius:50%;object-fit:cover;cursor:pointer;margin-top:-15px}.main-text{font-size:80px;font-weight:700}.sub-text{font-size:30px}:root{--login-bg: #000000;--panel-bg: #222631;--panel-border: #1d6a7a;--text-light: #e9e7df;--dash: #cfd2d6;--button-cream: #f3e3be;--button-text: #141414;--orange-shadow: #d2601a}.login-screen{min-height:100vh;background:var(--login-bg);display:grid;place-items:center;padding:24px}.login-panel{width:min(1000px,90vw);background:var(--panel-bg);border:16px solid var(--panel-border);padding:64px 72px;box-shadow:inset 0 0 0 2px #0000004d}.login-heading{position:relative;text-align:center;margin:0 0 48px;line-height:1;letter-spacing:.5px}.login-heading-shadow,.login-heading-fill{font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(48px,7vw,96px);font-weight:800;display:inline-block}.login-heading-shadow{color:var(--orange-shadow);position:absolute;transform:translate(8px,8px);inset:0;pointer-events:none}.login-heading-fill{color:var(--text-light);position:relative}.login-form{max-width:900px;margin:0 auto;display:grid;gap:28px}.login-row{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:24px}.login-label{color:var(--text-light);font-size:clamp(18px,2.2vw,28px);font-family:Kalam,system-ui,sans-serif}.login-input{background:transparent;border:none;border-bottom:3px dashed var(--dash);padding:10px 6px 12px;font-size:clamp(18px,2.2vw,28px);color:var(--text-light);outline:none;width:100%}.login-input::placeholder{color:#9aa0a6;opacity:.6}.login-input:focus{border-bottom-color:var(--text-light)}.login-submit{margin:36px auto 0;display:block;padding:14px 36px;border:none;border-radius:16px;background:var(--button-cream);color:var(--button-text);font-size:clamp(18px,2vw,24px);font-family:Kalam,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;box-shadow:0 4px #00000040;transition:transform .06s ease,box-shadow .06s ease,filter .15s ease}.login-submit:hover{filter:brightness(1.03)}.login-submit:active{transform:translateY(2px);box-shadow:0 2px #00000040}@media(max-width:720px){.login-panel{padding:40px 28px}.login-row{grid-template-columns:1fr;gap:8px}.login-label{margin-bottom:6px}}.na-page{min-height:100vh;background:#000;color:#fff}.na-header{display:flex;align-items:center;justify-content:space-between;padding:18px 36px}.na-left{display:flex;align-items:center;gap:16px}.na-logo{width:64px;height:64px;border-radius:50%;border:3px solid #f1dfb6;background:radial-gradient(ellipse at 40% 35%,#f1dfb6 0 64%,transparent 66%),radial-gradient(ellipse at 60% 65%,#e8c98c 0 64%,transparent 66%)}.na-brand{font-weight:800;font-size:26px;letter-spacing:.5px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35)}.na-nav{display:flex;align-items:center;gap:28px}.na-link{color:#fff;text-decoration:none;font-size:16px;opacity:.9}.na-link:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}.na-link-active{text-decoration:underline;text-underline-offset:4px}.na-avatar{width:42px;height:42px;border-radius:50%;border:3px solid #fff;background:radial-gradient(circle at 50% 35%,#fff 0 26%,transparent 28%),radial-gradient(circle at 50% 70%,#fff 0 26%,transparent 28%)}.na-title{text-align:center;margin:12px 0 36px;font-size:clamp(36px,6vw,64px);font-weight:800;color:#fff;letter-spacing:.5px;text-shadow:0 2px 0 rgba(0,0,0,.35)}.na-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:48px 64px;max-width:1200px;margin:0 auto 80px;padding:0 40px}.na-item{text-align:center}.na-img-wrap{position:relative;display:inline-flex;justify-content:center;align-items:center;width:200px;height:200px;border-radius:12px;background-color:#f5f5f5;overflow:visible}.na-item .item-img{width:210px;height:210px;object-fit:cover;background:#111;box-shadow:0 2px #00000059;transition:outline-color .15s ease,transform .1s ease}.na-item:hover .item-img{outline:6px solid #3ee0c4;outline-offset:4px;transform:translateY(-2px)}.na-name{margin-top:10px;color:#fff;font-weight:600}.na-owner{color:#e9e7df;opacity:.9}@media(max-width:720px){.na-header{padding:14px 18px}.na-gallery{gap:32px 28px;padding:0 18px}}.si-flag{position:absolute;top:-10px;left:-10px;width:30px;height:44px;border:4px solid #fff;border-radius:4px 4px 0 0;background-color:#fff;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.si-flag:after{content:"";position:absolute;left:4px;right:4px;bottom:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:14px solid #fff;transform:translateY(100%)}.signup-box{background-color:#1f2027;border:10px solid #2b6b7f;padding:4rem 5rem;border-radius:10px;text-align:center;box-shadow:0 0 30px #0006;width:60vw;max-width:900px;color:#fff}.signup-title{font-size:4rem;font-weight:800;color:#fae5c2;text-shadow:6px 6px #d6622d;margin-bottom:2rem;text-align:center}.signup-form{display:flex;flex-direction:column;gap:1.3rem;font-size:1.2rem}.signup-form input{margin-top:.3rem;padding:.8rem;font-size:1rem;border-radius:8px;border:none;outline:none;background-color:#2e2f36;color:#fff;width:100%}.signup-btn{margin-top:2rem;padding:1rem;background-color:#fae5c2;color:#1a1a1a;border:none;border-radius:12px;cursor:pointer;font-size:1.2rem;font-weight:600;font-family:Caveat,cursive;transition:.3s ease}.signup-btn:hover{background-color:#d6622d;color:#fff}.item-section{display:grid;grid-template-columns:clamp(320px,40vw,560px) 1fr;align-items:center;gap:48px;max-width:1200px;margin:60px auto;padding:0 24px}.item-left{display:flex;justify-content:center;align-items:center}.item-img-large{width:100%;max-width:560px;height:auto}.item-right{display:flex;flex-direction:column;gap:16px;color:#fff}.item-title-large{margin:0 0 12px}.item-meta-large{margin:8px 0 16px}.item-btns-large{display:flex;flex-direction:column;gap:16px;width:min(420px,100%);align-self:flex-start}@media(max-width:1024px){.item-section{grid-template-columns:1fr;gap:24px;margin:40px auto}.item-img-large{max-width:100%}.item-btns-large{width:100%}}.modal-overlay{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:2000;padding:24px}.modal{background:#fff;color:#111;width:100%;max-width:720px;border-radius:12px;box-shadow:0 12px 40px #00000080;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(0,0,0,.06)}.modal-header h3{margin:0;font-size:1.25rem}.modal-close{background:transparent;border:none;font-size:1.5rem;line-height:1;cursor:pointer}.modal-body{padding:18px 20px 24px}.form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;font-size:.95rem}.form-row span{font-weight:600}.input{padding:10px 12px;border-radius:8px;border:1px solid #ddd;outline:none;font-size:1rem}.textarea{padding:10px 12px;border-radius:8px;border:1px solid #ddd;outline:none;font-size:1rem;resize:vertical}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.contact-sent{padding:20px;background:#f3f9f6;border-radius:8px;color:#074;border:1px solid #d7f1e7}.logout{display:flex;gap:10px;margin-bottom:30px}.postart{background-color:#cbbf9e;color:#000;font-weight:600;border:none;border-radius:8px;padding:12px 30px;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 4px #0000004d}.login-signup-btn{margin:0 auto;display:block;padding:0 7px;border:none;border-radius:30px;background:none;color:#ffae42;font-size:clamp(6px,1.4vw,9px);font-family:Kalam,system-ui,sans-serif;text-decoration:none;text-underline-offset:3px;cursor:pointer;transition:transform .06s ease,box-shadow .06s ease,filter .15s ease}.login-signup-btn:hover{color:#074}.login-signup-btn:active{color:#074;filter:none;transform:none}.signup-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#1b1f27;padding:20px}.signup-box{background:#1b1f27;border:12px solid #276270;padding:40px 60px;width:min(800px,90%);box-sizing:border-box}.signup-title{position:relative;font-family:Kalam,system-ui,sans-serif;font-size:clamp(64px,10vw,120px);text-align:center;color:#fff2d9;margin:0 0 40px;line-height:1;font-weight:700}.signup-title:before{content:"sign up";position:absolute;top:10px;left:10px;color:#e05a0f;z-index:-1}.signup-form{display:flex;flex-direction:column;gap:20px;max-width:500px;margin:0 auto}.form-row{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:20px;font-family:Kalam,system-ui,sans-serif;font-size:clamp(18px,2vw,24px);color:#f2e9da}.form-row input{background:transparent;border:none;border-bottom:3px dotted rgba(255,255,255,.6);color:#f6f6f6;font:inherit;height:1.8em;outline:none;padding:0 5px}.form-row input::placeholder{color:transparent}.signup-btn{display:block;margin:10px auto 0;padding:12px 36px;border:none;border-radius:20px;background:var(--button-cream, #f5deb3);color:var(--button-text, #000);font-size:clamp(14px,1.5vw,18px);font-family:Kalam,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;box-shadow:0 2.5px #00000040;transition:transform .06s ease,box-shadow .06s ease,filter .15s ease}.signup-btn:hover{filter:brightness(1.05)}.signup-btn:active{transform:translateY(2px);box-shadow:0 1.5px #00000040}.signup-btn:active .overlay,.overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center}.popup{background:#1d6a7a;padding:20px;border-radius:8px;min-width:250px;color:#fff}.popup.error{border-left:6px solid white}.error-button{padding:5px;border-radius:4px;background:#f3e3be;color:#222631}.post-art-page{background:#000;color:#fff;min-height:100vh;width:100vw;display:flex;flex-direction:column}.post-art-main{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:24px;box-sizing:border-box}.post-art-container{width:min(820px,92vw);margin:0 auto;text-align:center}.post-art-title{font-family:var(--heading-font);font-size:clamp(2rem,4vw + 1rem,3.5rem);margin:0 0 2rem}.post-art-form{display:grid;gap:16px;justify-items:center}.post-art-form label{font-size:1.25rem;text-align:center}.post-art-form input,.post-art-form select,.post-art-form textarea{width:100%;max-width:680px;padding:12px;font-size:1.1rem;border-radius:10px;border:1px solid #3a3a3a;background:#111;color:#fff;box-sizing:border-box}.post-art-form textarea{min-height:110px;resize:vertical}.post-art-form button{margin-top:8px;font-size:1.2rem;padding:14px 40px;border:none;border-radius:999px;background:#6a8ea1;color:#000;font-weight:800;cursor:pointer;transition:filter .15s ease}.post-art-form button:hover{filter:brightness(1.1)}.auth-header{position:absolute;top:28px;left:32px;display:flex;align-items:center;gap:10px;z-index:20}.auth-logo{width:44px;height:44px;object-fit:contain}.auth-brand{font-family:var(--heading-font);font-size:22px;font-weight:800;color:var(--text-light);text-shadow:0 2px 0 rgba(0,0,0,.35)}.terms-label{display:flex;align-items:center;gap:2px;white-space:nowrap;font-family:Kalam,system-ui,sans-serif;font-size:clamp(18px,2vw,10px);color:#f2e9da}.terms-label a{display:inline;color:#007bff;text-decoration:none}.terms-label a:hover{text-decoration:underline}