.contact-page{background:var(--bg);min-height:100vh}.contact-hero{padding:160px 48px 60px;text-align:center;position:relative}.contact-hero:before{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse at center,rgba(0,192,199,.1) 0%,rgba(112,198,45,.05) 40%,transparent 70%);filter:blur(80px);pointer-events:none}.contact-hero h1{font-size:clamp(36px,5vw,56px);font-weight:500;color:#fff;margin-bottom:16px;position:relative}.contact-hero .contact-text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-hero p{font-size:18px;color:#fff9;max-width:500px;margin:0 auto;position:relative}.contact-content{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;max-width:1100px;margin:0 auto;padding:0 48px 120px}.contact-info{display:flex;flex-direction:column;gap:20px}.contact-info-card{background:#ffffff05;border:1px solid rgba(0,192,199,.15);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .24s ease,border-color .3s ease,box-shadow .3s ease}.contact-info-card:hover{transform:scale(1.015);border-color:#00c0c766;box-shadow:0 4px 20px #00c0c71a}.contact-info-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.contact-info-card-icon{width:40px;height:40px;border-radius:10px;background:#00c0c71a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-info-card-icon svg{color:var(--accent-teal)}.contact-info-card-title{font-size:16px;font-weight:600;color:#fff}.contact-info-card-text{font-size:14px;color:#fff9;line-height:1.5}.contact-info-card-text a{color:var(--accent-teal);text-decoration:none;transition:color .2s ease}.contact-info-card-text a:hover{color:var(--accent-green)}.contact-form-section{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-form-section h2{font-size:24px;font-weight:500;color:#fff;margin-bottom:28px}.contact-form-section .form{gap:20px}.contact-form-section .form-group{display:flex;flex-direction:column;gap:.5rem}.contact-form-section .form-label{font-size:.875rem;font-weight:500;color:var(--text)}.contact-form-section .form-input{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--text);font-size:.95rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.contact-form-section .form-input::placeholder{color:#ffffff59}.contact-form-section .form-input:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px #00c0c71a}textarea.form-input{resize:vertical;min-height:120px}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}select.form-input option{background:#1a1a1a;color:var(--text)}.contact-submit-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 24px;border:none;border-radius:100px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease;background:var(--gradient-primary);color:#010000;margin-top:8px}.contact-submit-btn:hover:not(:disabled){transform:translateY(-2px)}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed}.contact-success{text-align:center;padding:48px 24px}.contact-success-icon{width:64px;height:64px;border-radius:50%;background:#00c0c71a;border:2px solid var(--accent-teal);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:contact-pop .4s ease}.contact-success-icon svg{color:var(--accent-teal)}@keyframes contact-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.contact-success h3{font-size:22px;font-weight:500;color:#fff;margin-bottom:12px}.contact-success p{font-size:15px;color:#fff9;line-height:1.6}.contact-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:12px 16px;font-size:14px;color:#f87171;margin-bottom:8px}@media(max-width:768px){.contact-hero{padding:120px 24px 40px}.contact-hero p{font-size:16px}.contact-content{grid-template-columns:1fr;padding:0 24px 80px;gap:32px}.contact-form-section{padding:28px 24px}}