.contact-page{color:#fff;background:#000;min-height:100vh}.contact-hero{text-align:center;background:linear-gradient(#000 0%,#0a0a0a4d 100%);padding:8rem 0 4rem}.page-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.2;font-family:var(--font-outfit);letter-spacing:-.02em;margin-bottom:1.5rem}.page-subtitle{color:#ffffffb3;max-width:700px;font-size:clamp(1.125rem,2.5vw,1.375rem);line-height:1.7;font-family:var(--font-poppins);margin:0 auto}.contact-content{padding:4rem 0}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch;gap:2rem;margin-bottom:4rem;display:grid}.contact-card{text-align:center;background:#ffffff05;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;height:100%;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.contact-card:before{content:"";background:linear-gradient(90deg,#0000,#d4af37,#0000);height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.contact-card:hover{border-color:#d4af3766;transform:translateY(-6px);box-shadow:0 12px 32px #d4af3733,inset 0 0 0 1px #d4af371a}.contact-card:hover:before{transform:scaleX(1)}.contact-icon{background:#d4af371a;border:1px solid #d4af3733;border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.contact-icon .material-icons{color:#d4af37;font-size:2.5rem}.contact-card-title{font-size:1.75rem;font-weight:600;font-family:var(--font-outfit);color:#fff;margin-bottom:1rem}.contact-card-text{color:#ffffffb3;font-size:1rem;line-height:1.6;font-family:var(--font-poppins);flex-grow:1;margin-bottom:1.5rem}.contact-button{color:#0a0a0a;font-size:1rem;font-weight:600;font-family:var(--font-poppins);box-sizing:border-box;background:linear-gradient(135deg,#d4af37 0%,#b8941f 100%);border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:100%;min-height:48px;padding:.875rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 16px #d4af374d,inset 0 0 0 1px #d4af3726}.contact-button:hover{background:linear-gradient(135deg,#e5c047 0%,#c9a428 100%);transform:translateY(-2px);box-shadow:0 8px 24px #d4af3766,inset 0 0 0 1px #d4af3740}.contact-button.secondary{color:#ffffffe6;background:0 0;border:2px solid #fff3;box-shadow:0 4px 16px #0003}.contact-button.secondary:hover{color:#d4af37;border-color:#d4af3780;box-shadow:0 8px 24px #d4af3733,inset 0 0 0 1px #d4af371a}.contact-button .material-icons{font-size:1.25rem;transition:transform .3s}.contact-button:hover .material-icons{transform:translate(4px)}.info-section{background:#ffffff05;border:1px solid #ffffff1a;border-radius:20px;max-width:900px;margin:0 auto;padding:3rem}.info-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600;font-family:var(--font-outfit);color:#fff;text-align:center;margin-bottom:2rem}.info-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.info-item{color:#fffc;font-size:1.125rem;font-family:var(--font-poppins);align-items:center;gap:1rem;display:flex}.info-item .material-icons{color:#d4af37;flex-shrink:0;font-size:1.5rem}@media (max-width:768px){.contact-hero{padding:5rem 0 2rem}.contact-content{padding:2rem 0 3rem}.contact-grid{grid-template-columns:1fr;gap:1.5rem}.contact-card{padding:2rem 1.5rem}.contact-icon{width:70px;height:70px;margin-bottom:1.25rem}.contact-icon .material-icons{font-size:2rem}.contact-card-title{margin-bottom:.875rem;font-size:1.5rem}.contact-card-text{margin-bottom:1.25rem;font-size:.95rem}.contact-button{padding:.875rem 1.75rem;font-size:.95rem}.info-section{margin:0 1rem;padding:2rem 1.5rem}.info-title{margin-bottom:1.5rem;font-size:clamp(1.5rem,4vw,2rem)}.info-list{grid-template-columns:1fr;gap:1.25rem}.info-item{gap:.875rem;font-size:1rem}.info-item .material-icons{font-size:1.375rem}.page-title{padding:0 .5rem;font-size:clamp(2rem,6vw,2.5rem)}.page-subtitle{padding:0 .5rem;font-size:clamp(1rem,3vw,1.125rem)}}@media (max-width:480px){.contact-hero{padding:4rem 0 1.5rem}.contact-content{padding:1.5rem 0 2rem}.contact-card{padding:1.75rem 1.25rem}.contact-icon{width:60px;height:60px}.contact-icon .material-icons{font-size:1.75rem}.contact-card-title{font-size:1.375rem}.contact-card-text{font-size:.9rem}.contact-button{padding:.75rem 1.5rem;font-size:.9rem}.info-section{padding:1.75rem 1.25rem}.info-item{font-size:.95rem}}