.contact-section{position:relative;width:100%;padding-block:24px 36px}.contact-container{max-width:1200px;margin-inline:auto;padding-inline:24px}.contact-header{margin-bottom:22px;display:flex;flex-direction:column;gap:3px}.contact__eyebrow{font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.12em;color:var(--color-primary);text-transform:uppercase}.contact-title{font-family:var(--font-display);font-size:1.85rem;font-weight:800;color:var(--color-text);line-height:1.2;margin:0}.contact-title .text-accent{color:var(--color-primary)}.contact-title-bar{width:44px;height:3px;background:var(--color-primary);border-radius:2px;margin-block:4px 6px}.contact-subtitle{font-size:.88rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.contact__grid{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:20px;gap:20px;align-items:stretch}.contact__info{display:flex;flex-direction:column;gap:12px}.contact__info-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.contact__card{background:rgba(14,22,32,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-lg,12px);padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);transition:all var(--transition)}.contact__card:hover{border-color:rgba(255,159,10,.4);box-shadow:0 12px 30px rgba(0,0,0,.55),0 0 20px rgba(255,159,10,.1),inset 0 1px 0 rgba(255,255,255,.1);transform:translateY(-2px)}.contact__card-header{display:flex;align-items:center;gap:10px}.contact__icon-box{width:36px;height:36px;border-radius:var(--radius-sm,6px);background:rgba(255,159,10,.1);border:1px solid rgba(255,159,10,.25);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.contact__icon-box--whatsapp{color:#25D366!important;background:rgba(37,211,102,.12)!important;border-color:rgba(37,211,102,.35)!important}.contact__card-title{font-family:var(--font-display);font-size:.92rem;font-weight:700;color:var(--color-text);line-height:1.2;margin:0}.contact__card-desc{font-size:.72rem;color:var(--color-text-muted);margin-top:2px;margin-bottom:0}.contact__email-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm,6px);padding:6px 10px}.contact__email-link{font-family:var(--font-display);font-size:.82rem;font-weight:600;color:var(--color-primary);word-break:break-all;text-decoration:none;transition:color var(--transition)}.contact__email-link:hover{text-decoration:underline}.contact__copy-btn{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:var(--color-text-secondary);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:4px 9px;border-radius:var(--radius-xs,4px);cursor:pointer;transition:all var(--transition);flex-shrink:0;text-decoration:none}.contact__copy-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:rgba(255,159,10,.12)}.contact__chat-btn{color:#25D366;border-color:rgba(37,211,102,.35);background:rgba(37,211,102,.08)}.contact__chat-btn:hover{color:#25D366;border-color:#25D366;background:rgba(37,211,102,.18);box-shadow:0 0 12px rgba(37,211,102,.25)}.contact__social-list{display:flex;flex-direction:column;gap:6px}.contact__social-item{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;color:var(--color-text-secondary);padding:7px 10px;border-radius:var(--radius-sm,6px);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:all var(--transition)}.contact__social-ext{margin-left:auto;opacity:.5;transition:opacity var(--transition),transform var(--transition)}.contact__social-item:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(255,159,10,.1);transform:translateX(3px)}.contact__social-item:hover .contact__social-ext{opacity:1;transform:translate(2px,-2px)}.contact__platforms{display:flex;flex-wrap:wrap;gap:5px}.contact__platform-tag{font-size:.72rem;font-weight:600;color:var(--color-text-secondary);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:3px 9px;border-radius:100px;text-decoration:none;transition:all var(--transition)}.contact__platform-tag:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(255,159,10,.1);transform:translateY(-1px)}.contact__follow-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.contact__follow-item{gap:7px;padding:6px 8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm,6px);text-decoration:none;min-width:0}.contact__follow-icon-box,.contact__follow-item{display:flex;align-items:center;transition:all var(--transition)}.contact__follow-icon-box{width:26px;height:26px;border-radius:var(--radius-xs,4px);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);justify-content:center;flex-shrink:0;color:var(--color-text)}.contact__follow-meta{display:flex;flex-direction:column;min-width:0;flex:1 1}.contact__follow-name{font-size:.74rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.contact__follow-handle{font-size:.64rem;color:var(--color-text-muted);line-height:1.1}.contact__follow-arrow{color:var(--color-text-muted);flex-shrink:0;opacity:.5;transition:all var(--transition)}.contact__follow-item:hover{background:rgba(255,255,255,.06);border-color:rgba(255,159,10,.35);transform:translateY(-1px)}.contact__follow-item:hover .contact__follow-arrow{color:var(--color-primary);opacity:1;transform:translate(2px,-2px)}.contact__follow-item:hover .contact__follow-icon-box svg{color:#ffffff!important;fill:#ffffff!important}.contact__follow-item--tiktok:hover .contact__follow-icon-box{background:#ff0050;border-color:#ff0050;color:#ffffff;box-shadow:0 4px 12px rgba(255,0,80,.4)}.contact__follow-item--youtube:hover .contact__follow-icon-box{background:#FF0000;border-color:#FF0000;color:#ffffff;box-shadow:0 4px 12px rgba(255,0,0,.4)}.contact__follow-item--instagram:hover .contact__follow-icon-box{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#dc2743;color:#ffffff;box-shadow:0 4px 12px rgba(220,39,67,.4)}.contact__follow-item--facebook:hover .contact__follow-icon-box{background:#1877F2;border-color:#1877F2;color:#ffffff;box-shadow:0 4px 12px rgba(24,119,242,.4)}.contact__follow-item--discord:hover .contact__follow-icon-box{background:#5865F2;border-color:#5865F2;color:#ffffff;box-shadow:0 4px 12px rgba(88,101,242,.4)}.contact__follow-item--x:hover .contact__follow-icon-box{background:#000000;border-color:#ffffff;color:#ffffff;box-shadow:0 4px 12px rgba(255,255,255,.25)}.contact__location-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(14,22,32,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-md,8px);font-size:.76rem;font-weight:500;color:var(--color-text-secondary);box-shadow:0 6px 18px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)}.contact__form-container{background:rgba(14,22,32,.75);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl,16px);padding:22px 24px;box-shadow:0 10px 32px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);display:flex;flex-direction:column}.contact__form-header{margin-bottom:16px}.contact__form-eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--color-primary);text-transform:uppercase;margin-bottom:4px}.contact__form-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--color-text);line-height:1.2;margin:0 0 4px}.contact__form-subtitle{font-size:.8rem;color:var(--color-text-muted);line-height:1.45;margin:0}.contact__form{display:flex;flex-direction:column;gap:12px;flex:1 1}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{display:flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.02em}.form-input-wrapper{position:relative;width:100%}.form-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;transition:color var(--transition)}.form-input{width:100%;background:rgba(255,255,255,.03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm,6px);padding:9px 12px 9px 36px;font-size:.86rem;font-family:var(--font-sans);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(255,159,10,.18)}.form-input-wrapper:focus-within .form-input-icon,.form-input:focus+.form-input-icon{color:var(--color-primary)}.form-textarea{width:100%;background:rgba(255,255,255,.03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm,6px);padding:10px 12px;font-size:.86rem;font-family:var(--font-sans);color:var(--color-text);resize:vertical;min-height:80px;transition:border-color var(--transition),box-shadow var(--transition)}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(255,159,10,.18)}.form-group--error .form-input,.form-group--error .form-textarea{border-color:#EF4444;box-shadow:0 0 0 2px rgba(239,68,68,.2)}.form-error-msg{gap:4px;font-size:.7rem;color:#EF4444;margin-top:2px}.contact__submit-btn,.form-error-msg{display:inline-flex;align-items:center}.contact__submit-btn{justify-content:center;gap:8px;width:100%;padding:11px 18px;font-size:.88rem;font-weight:700;color:#080D13;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md,8px);cursor:pointer;box-shadow:0 4px 14px rgba(255,159,10,.35);transition:all var(--transition);margin-top:4px}.contact__submit-btn:hover{background:#FFAF33;border-color:#FFAF33;box-shadow:0 6px 20px rgba(255,159,10,.5);transform:translateY(-1px)}.contact__success{text-align:center;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;margin:auto}.contact__success-icon{width:54px;height:54px;border-radius:50%;background:rgba(255,159,10,.12);display:flex;align-items:center;justify-content:center}.contact__success h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--color-text);margin:0}.contact__success p{font-size:.84rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.contact__success-note{font-size:.74rem;color:var(--color-text-muted);background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius-sm,6px);padding:8px 12px}.contact__reset-btn{margin-top:8px;padding:8px 18px;font-size:.82rem}@media (max-width:1024px){.contact__grid{grid-template-columns:1fr;gap:20px}.contact__info-row{grid-template-columns:1fr 1fr}}@media (max-width:640px){.contact-section{padding-block:16px 28px}.contact-container{padding-inline:16px}.contact-title{font-size:1.5rem}.contact__info-row{grid-template-columns:1fr;gap:10px}.contact__follow-grid{grid-template-columns:repeat(2,1fr)}.contact__form-container{padding:18px 16px}}@media (max-width:420px){.contact__follow-grid{grid-template-columns:1fr}.contact__email-row{flex-direction:column;align-items:flex-start;gap:8px}.contact__copy-btn{align-self:flex-end}}[data-theme=light] .contact__card{background:rgba(255,255,255,.88);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.95);box-shadow:var(--shadow-card,0 8px 24px rgba(15,23,42,.08))}[data-theme=light] .contact__card:hover{border-color:var(--color-primary);box-shadow:0 12px 30px rgba(15,23,42,.12),0 0 20px rgba(255,159,10,.15)}[data-theme=light] .contact__email-row{background:rgba(241,245,249,.8);border:1px solid var(--color-border)}[data-theme=light] .contact__copy-btn{background:#FFFFFF;border:1px solid var(--color-border);color:var(--color-text-secondary)}[data-theme=light] .contact__copy-btn:hover{background:var(--color-primary-glow);border-color:var(--color-primary);color:var(--color-primary)}[data-theme=light] .contact__chat-btn{background:rgba(37,211,102,.1);border-color:rgba(37,211,102,.4);color:#128C7E}[data-theme=light] .contact__chat-btn:hover{background:rgba(37,211,102,.2);border-color:#25D366;color:#075E54}[data-theme=light] .contact__social-item{background:rgba(241,245,249,.8);border:1px solid var(--color-border);color:var(--color-text-secondary)}[data-theme=light] .contact__social-item:hover{background:var(--color-primary-glow);border-color:var(--color-primary);color:var(--color-primary)}[data-theme=light] .contact__platform-tag{background:rgba(241,245,249,.8);border:1px solid var(--color-border);color:var(--color-text-secondary)}[data-theme=light] .contact__platform-tag:hover{background:var(--color-primary-glow);border-color:var(--color-primary);color:var(--color-primary)}[data-theme=light] .contact__follow-item{background:rgba(241,245,249,.8);border:1px solid var(--color-border)}[data-theme=light] .contact__follow-item:hover{background:#FFFFFF;border-color:var(--color-primary);box-shadow:0 4px 12px rgba(15,23,42,.06)}[data-theme=light] .contact__follow-icon-box{background:#FFFFFF;border:1px solid var(--color-border);color:#0f172a}[data-theme=light] .contact__follow-item:hover .contact__follow-icon-box svg{color:#ffffff!important;fill:#ffffff!important}[data-theme=light] .contact__follow-item--tiktok:hover .contact__follow-icon-box{background:#ff0050;border-color:#ff0050;color:#ffffff;box-shadow:0 4px 12px rgba(255,0,80,.4)}[data-theme=light] .contact__follow-item--youtube:hover .contact__follow-icon-box{background:#FF0000;border-color:#FF0000;color:#ffffff;box-shadow:0 4px 12px rgba(255,0,0,.4)}[data-theme=light] .contact__follow-item--instagram:hover .contact__follow-icon-box{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#dc2743;color:#ffffff;box-shadow:0 4px 12px rgba(220,39,67,.4)}[data-theme=light] .contact__follow-item--facebook:hover .contact__follow-icon-box{background:#1877F2;border-color:#1877F2;color:#ffffff;box-shadow:0 4px 12px rgba(24,119,242,.4)}[data-theme=light] .contact__follow-item--discord:hover .contact__follow-icon-box{background:#5865F2;border-color:#5865F2;color:#ffffff;box-shadow:0 4px 12px rgba(88,101,242,.4)}[data-theme=light] .contact__follow-item--x:hover .contact__follow-icon-box,[data-theme=light] .contact__follow-item--xtwitter:hover .contact__follow-icon-box{background:#000000;border-color:#000000;color:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.3)}[data-theme=light] .contact__location-badge{background:rgba(255,255,255,.88);border:1px solid rgba(226,232,240,.95);color:var(--color-text-secondary);box-shadow:var(--shadow-card)}[data-theme=light] .contact__form-container{background:rgba(255,255,255,.88);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.95);box-shadow:var(--shadow-card,0 8px 24px rgba(15,23,42,.08))}[data-theme=light] .form-input,[data-theme=light] .form-textarea{background:#FFFFFF;border:1px solid var(--color-border);color:var(--color-text);box-shadow:0 1px 2px rgba(15,23,42,.04)}[data-theme=light] .form-input:focus,[data-theme=light] .form-textarea:focus{background:#FFFFFF;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(255,159,10,.22)}[data-theme=light] .contact__submit-btn{color:#FFFFFF}[data-theme=light] .contact__success-note{background:rgba(241,245,249,.8);border-color:var(--color-border)}