.contact-container{flex-direction:column;gap:3rem;max-width:800px;margin:0 auto;padding:2rem;display:flex}.contact-header{text-align:center}.contact-subtitle{color:var(--foreground);opacity:.7;margin-top:1rem}.contact-form-container{background:var(--secondground);border:1px solid #8080801a;border-radius:20px;padding:2.5rem;box-shadow:0 4px 20px #0000000d}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--foreground);margin-bottom:.5rem;font-weight:500;display:block}.form-input,.form-textarea,.form-select{background:var(--background);width:100%;color:var(--foreground);border:1px solid #80808033;border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.form-textarea{resize:vertical;min-height:150px}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.submit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.submit-btn:hover{box-shadow:0 5px 15px rgba(var(--primary-rgb),.4);transform:translateY(-2px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-status{text-align:center;border-radius:12px;margin-top:1.5rem;padding:1rem;font-weight:500}.form-status.success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.form-status.error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.contact-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.contact-card{background:var(--background);text-align:center;border:1px solid #8080801a;border-radius:16px;padding:1.5rem;transition:transform .3s}.contact-card:hover{border-color:var(--primary);transform:translateY(-5px)}.contact-icon{color:var(--primary);margin-bottom:1rem;font-size:2rem}.contact-card h3{margin-bottom:.5rem;font-size:1.1rem}.contact-card p{opacity:.8;font-size:.9rem}.suggestions-list{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.suggestion-chip{background:var(--background);cursor:pointer;border:1px solid #80808033;border-radius:9999px;padding:.25rem .75rem;font-size:.85rem;transition:all .2s}.suggestion-chip:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary);border-color:var(--primary)}@media (max-width:768px){.contact-container{padding:1rem}.contact-form-container{padding:1.25rem}.form-group label{font-size:.95rem}.form-input,.form-textarea,.form-select{padding:.6rem .8rem;font-size:.95rem}.submit-btn{padding:.8rem;font-size:1rem}}
.lightbox-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;cursor:pointer;opacity:0;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out forwards lightboxFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes lightboxFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.lightbox-content{cursor:default;background:var(--background);border-radius:12px;justify-content:center;align-items:center;max-width:90vw;max-height:80vh;transition:all .2s;animation:.3s ease-out forwards lightboxScaleIn;display:flex;position:relative;overflow:hidden;transform:scale(.9);box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff1a}.lightbox-content>div{transition:width .2s,height .2s}@keyframes lightboxScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox-content img{object-fit:contain;border-radius:8px;width:100%;height:100%;transition:opacity .2s}.lightbox-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;z-index:10001;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;font-size:20px;font-weight:300;transition:all .2s;display:flex;top:1em;right:1em;color:#fff!important;position:absolute!important}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.lightbox-close:active{transform:scale(.95)}.lightbox-prev,.lightbox-next{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;z-index:10000;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;min-height:50px;font-size:18px;transition:all .2s;display:flex;color:#fff!important;position:absolute!important}.lightbox-prev{left:1em}.lightbox-next{right:1em}.lightbox-prev:hover,.lightbox-next:hover{background:#fff3;transform:scale(1.1)}.lightbox-prev:active,.lightbox-next:active{transform:scale(.95)}.lightbox-caption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;-webkit-user-select:none;user-select:none;background:#000c;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}
.site-version-screenshots{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:32px 0;padding:0;display:grid}.screenshot-thumbnail{aspect-ratio:16/10;cursor:pointer;background:var(--background,#fff);border:1px solid var(--border,#0000001a);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.screenshot-thumbnail:hover{border-color:var(--primary,#3b82f6);transform:translateY(-8px)scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff0d}.screenshot-thumbnail img{object-fit:cover;border-radius:16px;width:100%;height:100%;transition:all .3s}.screenshot-thumbnail:hover img{transform:scale(1.05)}.screenshot-thumbnail:before{content:"";opacity:0;z-index:1;background:linear-gradient(135deg,#0000 0%,#0000001a 100%);border-radius:16px;transition:opacity .3s;position:absolute;inset:0}.screenshot-thumbnail:hover:before{opacity:1}.screenshot-thumbnail:after{content:"⛶";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;opacity:0;z-index:2;background:#000c;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.screenshot-thumbnail:hover:after{opacity:1;transform:translate(-50%,-50%)scale(1)}.screenshot-thumbnail[data-count]:before{content:attr(data-count)" images";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:3;opacity:0;background:#000000b3;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500;transition:opacity .3s;position:absolute;top:12px;right:12px}.screenshot-thumbnail:hover[data-count]:before{opacity:1}.screenshot-thumbnail:focus{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 3px var(--primary,#3b82f6);outline:none}.screenshot-thumbnail:focus:after{opacity:1;transform:translate(-50%,-50%)scale(1)}.screenshot-thumbnail.loading{background:linear-gradient(90deg,var(--background,#f3f4f6)25%,var(--muted,#e5e7eb)50%,var(--background,#f3f4f6)75%);background-size:200% 100%;animation:2s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:1024px){.site-version-screenshots{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:24px 0}}@media (max-width:768px){.site-version-screenshots{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:20px 0}.screenshot-thumbnail,.screenshot-thumbnail img{border-radius:12px}.screenshot-thumbnail:hover{transform:translateY(-4px)scale(1.01)}.screenshot-thumbnail:after{width:40px;height:40px;font-size:16px}}@media (max-width:480px){.site-version-screenshots{grid-template-columns:1fr;gap:12px;margin:16px 0}.screenshot-thumbnail:hover{transform:translateY(-2px)}.screenshot-thumbnail:after{width:36px;height:36px;font-size:14px}}.screenshot-thumbnail img[src$=\.svg]{background:var(--card-background,#fff);padding:8px}.screenshot-thumbnail{opacity:0;animation:.6s ease-out forwards fadeInUp}.screenshot-thumbnail:first-child{animation-delay:.1s}.screenshot-thumbnail:nth-child(2){animation-delay:.2s}.screenshot-thumbnail:nth-child(3){animation-delay:.3s}.screenshot-thumbnail:nth-child(4){animation-delay:.4s}.screenshot-thumbnail:nth-child(5){animation-delay:.5s}.screenshot-thumbnail:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}