@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-page{max-width:1000px;margin:0 auto;padding:3em 2em 5em}@media (width<=768px){.contact-page{padding:2em 1.5em 4em}}.contact-hero-illustration{-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;height:250px;margin-bottom:1.5em}@media (width<=500px){.contact-hero-illustration{width:auto;height:150px;margin-bottom:1em}}.contact-hero{text-align:center;margin-bottom:3em;animation:.6s ease-out fadeIn}.contact-hero h1{color:#fff;background:linear-gradient(135deg,#fff 0%,#4ecdc4 50%,#faaf40 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.4em;font-family:Roboto Condensed,sans-serif;font-size:clamp(2.2em,6vw,3.5em);font-weight:700}.contact-hero .contact-subtitle{color:#ffffffb3;max-width:550px;margin:0 auto;font-size:clamp(1em,2.5vw,1.2em);line-height:1.7}.contact-cards{grid-template-columns:repeat(2,1fr);gap:1.5em;display:grid}@media (width<=700px){.contact-cards{grid-template-columns:1fr}}.contact-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:1.25em;gap:1.25em;padding:1.75em;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;animation:.5s ease-out backwards fadeSlideUp;display:flex;box-shadow:0 4px 24px #0003}.contact-card:first-child{animation-delay:.1s}.contact-card:nth-child(2){animation-delay:.2s}.contact-card:nth-child(3){animation-delay:.3s}.contact-card:hover{border-color:#ffffff26;transform:translateY(-6px);box-shadow:0 16px 48px #00000059}.contact-card.contact-card--social{grid-column:1/-1}.contact-card.contact-card--social .contact-card-icon{color:#5865f2;background:linear-gradient(135deg,#5865f233 0%,#208bfe33 100%)}.contact-card.contact-card--website .contact-card-icon{color:#4ecdc4;background:linear-gradient(135deg,#4ecdc433 0%,#4ecdc41a 100%)}.contact-card.contact-card--website:hover .contact-card-icon{background:linear-gradient(135deg,#4ecdc459 0%,#4ecdc433 100%)}.contact-card.contact-card--general .contact-card-icon{color:#faaf40;background:linear-gradient(135deg,#faaf4033 0%,#faaf401a 100%)}.contact-card.contact-card--general:hover .contact-card-icon{background:linear-gradient(135deg,#faaf4059 0%,#faaf4033 100%)}.contact-card-icon{background:#4ecdc426;border-radius:.875em;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4em;transition:background .3s,transform .3s;display:flex}.contact-card:hover .contact-card-icon{transform:scale(1.05)}.contact-card-body{flex:1;min-width:0}.contact-card-body h2{color:#fff;margin:0 0 .5em;font-family:Roboto Condensed,sans-serif;font-size:1.35em;font-weight:700}.contact-card-body p{color:#ffffffa6;margin:0 0 1em;font-size:.95em;line-height:1.6}.contact-link{color:#4ecdc4;background:#4ecdc41a;border:1px solid #4ecdc440;border-radius:.6em;align-items:center;gap:.6em;padding:.65em 1.1em;font-size:.95em;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.contact-link .arrow-icon{font-size:.85em;transition:transform .3s}.contact-link:hover{color:#6ee7df;background:#4ecdc433;border-color:#4ecdc466}.contact-link:hover .arrow-icon{transform:translate(4px)}.contact-social-links{flex-wrap:wrap;gap:.75em;display:flex}.social-link{color:#ffffffd9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.6em;align-items:center;gap:.6em;padding:.7em 1.2em;font-size:.95em;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.social-link svg{font-size:1.15em}.social-link:hover{transform:translateY(-2px)}.social-link.discord:hover{color:#5865f2;background:#5865f233;border-color:#5865f266;box-shadow:0 4px 20px #5865f240}.social-link.bluesky:hover{color:#208bfe;background:#208bfe33;border-color:#208bfe66;box-shadow:0 4px 20px #208bfe40}@media (width<=500px){.contact-card{text-align:center;flex-direction:column;padding:1.5em}.contact-card .contact-card-icon{margin:0 auto}.contact-card-body h2{font-size:1.2em}.contact-link{box-sizing:border-box;word-break:break-all;justify-content:center;width:100%;max-width:100%}.contact-social-links{flex-direction:column}.contact-social-links .social-link{justify-content:center}}