:root{--primary-green:#363;--background-start:#fff;--background-end:#f8f9fa;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:var(--background-start);font-family:var(--font-sans);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.container{width:100%;max-width:800px;margin:0 auto;padding:0 20px}main{flex:1 1;padding:40px 0}footer{padding:20px 0;text-align:center;color:var(--text-secondary);font-size:.875rem}.center-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.card{background-color:#fdfdfd;border:8px solid var(--primary-green);border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 4px 16px rgba(0,0,0,.1),0 8px 32px rgba(0,0,0,.1);padding:60px 40px;width:100%;max-width:640px;text-align:center;position:relative}@media (max-width:600px){.card{border-width:8px;padding:40px 20px;width:90%;max-width:350px;margin:0 auto;aspect-ratio:9/16;min-height:550px;display:flex;flex-direction:column;justify-content:center}.center-container{align-items:center;padding:20px;min-height:100dvh}}.flip-container{perspective:1000px;width:100%;max-width:640px;height:480px;cursor:pointer}.flip-container:focus{outline:4px solid rgba(51,102,51,.5);outline-offset:4px;border-radius:4px}.card a:focus{outline:2px solid var(--primary-green);outline-offset:2px;border-radius:2px}.flipper{transition:.6s;transform-style:preserve-3d;position:relative;width:100%;height:100%}.flip-container.flipped .flipper{transform:rotateY(180deg)}.card.back,.card.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;display:flex;flex-direction:column;justify-content:center}.card.front{z-index:2;transform:rotateY(0deg)}.card.back{transform:rotateY(180deg)}@media (max-width:600px){.flip-container{height:550px;max-width:350px;width:90%}.card.back,.card.front{width:100%;max-width:none;min-height:0;aspect-ratio:auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:fadeIn .4s ease-out forwards}