.contact-form{max-width:450px;margin:50px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;display:flex;flex-direction:column;gap:15px}.contact-form h2{text-align:center;margin-bottom:20px;color:#333}.input-field,.textarea-field{width:100%;padding:12px 15px;border:1px solid #ccc;border-radius:8px;font-size:16px}.textarea-field{height:120px;resize:vertical}.submit-button{background-color:#4f46e5;color:#fff;border:none;padding:12px;font-size:18px;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#4338ca}.status-message{text-align:center;margin-top:15px;font-size:14px;color:#666}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--clr-bg: #0f172a;--clr-surface: rgba(255, 255, 255, .05);--clr-surface-border: rgba(255, 255, 255, .12);--clr-primary: #facc15;--clr-primary-hover: #fbbf24;--clr-text-muted: #d1d5db;--radius: .75rem;--transition: .25s ease}*{box-sizing:border-box}html,body{margin:0;background:var(--clr-bg);color:#fff;font-family:Inter,system-ui,sans-serif;scroll-behavior:smooth}.page{min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}.hero{text-align:center;padding:clamp(3rem,8vw,6rem) 1.5rem 2rem;position:relative;isolation:isolate}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top,#334155 0%,transparent 70%);opacity:.6;z-index:-1}.hero h1{font-size:clamp(1.75rem,4vw,3.5rem);font-weight:800;line-height:1.15;margin:0 0 1rem}.hero h2{font-size:clamp(1.4rem,3vw,3rem);font-weight:800;line-height:1.15;margin:0 0 1rem}.hero p{max-width:42rem;margin:0 auto 2.75rem;font-size:clamp(1rem,2.4vw,1.35rem);line-height:1.6;color:var(--clr-text-muted)}.signup-note{margin:20px}.email-form{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.email-form input{flex:1 1 16rem;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--clr-surface-border);background:var(--clr-surface);color:#fff;font-size:1rem;transition:border var(--transition)}.email-form input:focus{outline:none;border-color:var(--clr-primary)}.email-form button{padding:.8rem 1.75rem;border:none;border-radius:var(--radius);background:var(--clr-primary);color:#000;font-weight:600;cursor:pointer;transition:background var(--transition),transform var(--transition)}.email-form button:hover{background:var(--clr-primary-hover);transform:translateY(-2px)}.gallery{display:grid;gap:clamp(.75rem,2vw,1.25rem);padding:0 1.5rem 4rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.gallery img{width:100%;height:260px;object-fit:cover;border-radius:var(--radius);box-shadow:0 6px 20px #00000073;transition:transform var(--transition),box-shadow var(--transition)}.gallery img:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 10px 25px #00000080}.footer{margin-top:auto;text-align:center;padding:2.5rem 1rem;background:#1e293b;display:flex;flex-direction:column;gap:.6rem;font-size:.9rem}.footer a{color:var(--clr-primary);text-decoration:none;transition:opacity var(--transition)}.footer a:hover{opacity:.85}.footer small{color:var(--clr-text-muted)}@media (max-width: 640px){.gallery img{height:190px}.email-form button{width:100%}}body{margin:0}