:root{--color-background: #F9F8F6;--color-foreground: #122B2A;--color-primary: #122B2A;--color-secondary: #7A7163;--color-accent: #D14110;--color-border: #E9E5DC;--color-neutral-50: #FDFDFD;--color-neutral-100: #F9F8F6;--color-neutral-200: #F3F1EC;--color-neutral-300: #E9E5DC;--color-neutral-400: #D0C9BC;--color-neutral-500: #A39A8B;--color-neutral-600: #7A7163;--color-neutral-700: #544D42;--color-neutral-800: #302C26;--color-neutral-900: #1F1D19;--color-success: #15803D;--color-error: #B91C1C;--font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-full: 9999px;--shadow-sm: 1px 1px 0px 0px rgba(18, 43, 42, .1);--shadow-md: 2px 2px 0px 0px rgba(18, 43, 42, .15);--shadow-lg: 4px 4px 0px 0px rgba(18, 43, 42, .2);--duration-fast: .15s;--duration-medium: .3s;--duration-slow: .6s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-neutral-100);color:var(--color-neutral-900);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:var(--space-12) var(--space-6) var(--space-6)}#app{width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center}.container{width:100%;display:flex;flex-direction:column;gap:var(--space-8)}.logo-container{display:flex;justify-content:center;align-items:center;padding:0 var(--space-4);width:100%}.logo{height:2.25rem;width:auto;display:block}@media (max-width: 600px){.logo{height:1.75rem}}.card{background-color:var(--color-neutral-50);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-10);display:flex;flex-direction:column;gap:var(--space-8);position:relative;overflow:hidden}.content-container{display:flex;flex-direction:column;gap:var(--space-4)}.title{font-family:var(--font-display);font-size:2.25rem;font-weight:700;color:var(--color-primary);line-height:1.15;letter-spacing:-.02em}.subtitle{font-family:var(--font-sans);font-size:1.125rem;font-weight:400;color:var(--color-neutral-700);max-width:600px}.footer{font-size:.875rem;color:var(--color-neutral-600);text-align:center;margin-top:var(--space-4)}.email-link{color:var(--color-accent);text-decoration:none;font-weight:500;position:relative;transition:color var(--duration-fast) var(--ease-out)}.email-link:after{content:"";position:absolute;width:100%;height:1px;bottom:-2px;left:0;background-color:var(--color-accent);transform:scaleX(0);transform-origin:bottom right;transition:transform var(--duration-fast) var(--ease-out)}.email-link:hover{color:var(--color-accent)}.email-link:hover:after{transform:scaleX(1);transform-origin:bottom left}.email-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:var(--radius-sm)}.animation-container{width:100%;aspect-ratio:3 / 1;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--color-border);background-color:var(--color-neutral-50);margin-bottom:var(--space-4);padding:var(--space-2)}.bridge-svg{width:100%;height:100%;overflow:visible}.bridge-pier,.bridge-deck,.bridge-truss{fill:none;stroke:var(--color-primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.bridge-node{fill:var(--color-neutral-50);stroke:var(--color-primary);stroke-width:2px;transition:stroke var(--duration-fast) var(--ease-out),fill var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);cursor:pointer}.bridge-node:hover{stroke:var(--color-accent);fill:var(--color-accent);transform:scale(1.3);transform-origin:center;transform-box:fill-box}.bridge-pier{stroke-dasharray:60;stroke-dashoffset:60;animation:draw-pier 8s var(--ease-in-out) infinite}.bridge-deck{stroke-dasharray:500;stroke-dashoffset:500;animation:draw-deck 8s var(--ease-in-out) infinite}.bridge-truss{stroke-dasharray:100;stroke-dashoffset:100;animation:draw-truss 8s var(--ease-in-out) infinite}.diagonal:nth-of-type(odd){animation-delay:.15s}.diagonal:nth-of-type(2n){animation-delay:.35s}.upper-chord{animation-delay:.5s}.bridge-node{opacity:0;animation:fade-node 8s var(--ease-in-out) infinite}.bridge-node:nth-of-type(odd){animation-delay:.2s}.bridge-node:nth-of-type(2n){animation-delay:.4s}@keyframes draw-pier{0%,5%{stroke-dashoffset:60}15%,80%{stroke-dashoffset:0}90%,to{stroke-dashoffset:60}}@keyframes draw-deck{0%,15%{stroke-dashoffset:500}35%,80%{stroke-dashoffset:0}90%,to{stroke-dashoffset:500}}@keyframes draw-truss{0%,35%{stroke-dashoffset:100}60%,80%{stroke-dashoffset:0}90%,to{stroke-dashoffset:100}}@keyframes fade-node{0%,55%{opacity:0}68%,82%{opacity:1}90%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.bridge-pier,.bridge-deck,.bridge-truss{stroke-dashoffset:0!important;animation:none!important}.bridge-node{opacity:1!important;animation:none!important}}@media (max-width: 600px){body{padding:var(--space-8) var(--space-4) var(--space-4)}.card{padding:var(--space-6)}.title{font-size:1.75rem}}