.flip-card-container{perspective:1000px;width:100%;height:350px;margin-bottom:2rem}.flip-card{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;cursor:pointer;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.flip-card.flipped{transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.2);background-color:white;padding:1.5rem;display:flex;flex-direction:column;overflow:auto;transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg)}.flip-card-front{z-index:2}.flip-card-back{transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);z-index:1}@-moz-document url-prefix(){.flip-card-back,.flip-card-front{background-color:white}.dark .flip-card-back,.dark .flip-card-front{background-color:#1f2937;color:white}}.flip-card-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#111827;text-align:center}.dark .flip-card-title{color:#f9fafb}.flip-card-content{flex:1;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;padding-bottom:1.5rem}.flip-card-footer{margin-top:auto;text-align:center;font-size:.875rem;color:#6b7280}.flip-indicator{position:absolute;bottom:.75rem;right:.75rem;font-size:.75rem;color:#9ca3af;display:flex;align-items:center;gap:.25rem;background-color:rgba(255,255,255,.9);padding:.25rem .5rem;border-radius:.25rem;z-index:5;backdrop-filter:blur(4px);-moz-backdrop-filter:blur(4px)}.dark .flip-indicator{background-color:rgba(31,41,55,.9);color:#d1d5db}.no-flip{cursor:pointer;position:relative;z-index:10}@-moz-document url-prefix(){.flip-card:hover{transform:scale(1.02);transition:transform .2s ease}.flip-card.flipped:hover{transform:rotateY(180deg) scale(1.02)}}.homepage-container{max-width:1200px;margin:0 auto;padding:0 1rem}.welcome-section{text-align:center;margin-bottom:3rem;padding:2rem 1rem}.welcome-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#111827}.dark .welcome-title{color:#f9fafb}.welcome-subtitle{font-size:1.25rem;color:#4b5563;max-width:800px;margin:0 auto}.dark .welcome-subtitle{color:#9ca3af}.secondary-section{max-width:600px;margin:0 auto 3rem;text-align:center;padding:0 1rem}.secondary-title{font-size:1.75rem;font-weight:600;margin-bottom:1rem;color:#111827}.dark .secondary-title{color:#f9fafb}.secondary-content{color:#4b5563;line-height:1.6}.dark .secondary-content{color:#9ca3af}.cards-section{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:3rem;padding:1rem}@media (min-width:768px){.cards-section{grid-template-columns:repeat(3,1fr);gap:3rem}}@media (max-width:767px){.flip-card-container{margin-bottom:3rem}.cards-section{gap:4rem}@-moz-document url-prefix(){.flip-card{touch-action:manipulation}}}.section-divider{height:3px;background-color:#111827;margin:2rem 0;width:100%}.dark .section-divider{background-color:#f9fafb}.discord-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#5865f2;color:white;padding:.75rem 1.25rem;border-radius:.375rem;font-weight:500;transition:background-color .2s;margin-top:1rem;text-decoration:none}.discord-button:hover{background-color:#4752c4}@-moz-document url-prefix(){.flip-card,.flip-card-back,.flip-card-front{will-change:transform}}