.contact-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:min(500px,90vw);pointer-events:all}.contact-container::-webkit-scrollbar{width:4px}.contact-container::-webkit-scrollbar-track{background:transparent}.contact-container::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:2px}.contact-links{display:flex;gap:.6rem;width:100%;justify-content:center}.contact-link-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.85rem .6rem;background:var(--glass-bg);backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);border:1px solid var(--glass-border);border-radius:10px;text-decoration:none;cursor:var(--cursor-ui);transition:border-color .3s,box-shadow .3s,transform .2s;box-shadow:0 4px 20px #0006,inset 0 0 0 .5px var(--glass-inset)}.contact-link-card:hover{border-color:#cc000026;box-shadow:0 4px 20px #0006,0 0 20px #cc000014,inset 0 0 0 .5px var(--glass-inset)}.contact-link-card:active{transform:scale(.97)}.contact-link-icon{width:22px;height:22px;color:var(--dim);transition:color .2s}.contact-link-card:hover .contact-link-icon{color:var(--accent)}.contact-link-label{font-size:10px;letter-spacing:.1em;color:var(--text)}.contact-link-hint{font-size:8px;color:var(--dim);opacity:.5;letter-spacing:.02em;text-align:center}.contact-form-card{width:100%;overflow:hidden;background:var(--glass-bg);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 8px 32px #00000080,inset 0 0 0 .5px var(--glass-inset);animation:resume-expand .6s cubic-bezier(.23,1,.32,1) both;cursor:var(--cursor-ui)}.contact-form-card::-webkit-scrollbar{width:4px}.contact-form-card::-webkit-scrollbar-track{background:transparent}.contact-form-card::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:2px}.contact-form-header{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;border-bottom:1px solid var(--glass-border);font-size:11px;color:var(--dim);letter-spacing:.04em}.contact-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:dot-pulse 2s ease-in-out infinite}#contact-form{padding:.85rem;display:flex;flex-direction:column;gap:.6rem;position:relative;max-height:55vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}#contact-form::-webkit-scrollbar{width:4px}#contact-form::-webkit-scrollbar-track{background:transparent}#contact-form::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:2px}.contact-field{display:flex;align-items:center;gap:.5rem}.contact-field-msg{flex-direction:column;align-items:stretch;position:relative}.contact-prompt{color:var(--accent);font-size:11px;letter-spacing:.04em;flex-shrink:0;white-space:nowrap;cursor:var(--cursor-ui)}.contact-field input,.contact-field textarea{flex:1;background:var(--glass-inset);border:1px solid var(--glass-border);border-radius:6px;padding:.5rem .65rem;color:var(--text);font-family:inherit;font-size:12px;caret-color:var(--accent);outline:none;transition:border-color .2s;-webkit-user-select:text;user-select:text;cursor:var(--cursor-ui)}.contact-field input:focus,.contact-field textarea:focus{border-color:#cc00004d}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#5556}.contact-field textarea{resize:none;min-height:80px;overflow:hidden}.contact-char-count{position:absolute;bottom:.4rem;right:.5rem;font-size:9px;color:var(--dim);opacity:.4}.contact-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;font-family:inherit;font-size:11px;letter-spacing:.1em;color:var(--dim);background:var(--glass-inset);border:1px solid var(--glass-border);border-radius:6px;cursor:var(--cursor-ui);transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.contact-submit:hover{color:var(--text);border-color:#cc000040;background:#cc000014;box-shadow:0 0 16px #cc00001a}.contact-submit:active{transform:scale(.97)}.contact-submit:disabled{opacity:.5;pointer-events:none}.contact-submit svg{width:14px;height:14px;flex-shrink:0}.contact-status{padding:0 .85rem .6rem;font-size:10px;letter-spacing:.02em;min-height:1.2em}.contact-success{color:#2a6}.contact-error{color:var(--accent)}@media(max-width:600px){.contact-container{width:95vw}.contact-link-hint{display:none}}@media(max-height:500px){.contact-link-card{flex-direction:row;gap:.45rem;padding:.5rem .7rem;border-radius:6px}.contact-link-hint{display:none}}
