*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F8F8FB;--surface: #FFFFFF;--surface-subtle: #F3EEF9;--charcoal: #1C1C1C;--charcoal-light: #444444;--purple: #5B2D8E;--purple-light: #8B46D1;--purple-pale: #F3EEF9;--pink: #F4547A;--pink-dark: #E8356A;--text-muted: #888888;--border: #EBEBF0;--border-strong: #D8D0E8;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", sans-serif;--radius: 12px;--shadow: 0 2px 16px rgba(91,45,142,.08);--shadow-lg: 0 8px 40px rgba(91,45,142,.12)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--charcoal);line-height:1.6;min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.gate-grid{grid-template-columns:1fr!important}.gate-photo{order:2!important;min-height:260px!important;max-height:320px!important}.gate-form{order:1!important;padding:28px 20px!important}}