.contact-page{min-height:100dvh;display:flex;flex-direction:column;color:var(--color-font)}.contact-frame{width:100%;justify-content:center;padding:2rem 1rem;padding-top:calc(var(--navbar-height, 3.5rem) + 1rem)}.contact-card,.contact-frame{display:flex;box-sizing:border-box}.contact-card{width:min(48rem,100%);background:var(--color-accent);color:var(--color-font);border-radius:1rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.12);padding:1.5rem;flex-direction:column;gap:1rem}.contact-title{margin:0 0 .25rem;text-align:center;font-weight:500;line-height:1.25;font-size:clamp(1.5rem,1.1rem + 1.2vw,2rem)}.contact-form{display:flex;flex-direction:column;gap:.875rem}.contact-double{display:grid;grid-template-columns:1fr 1fr;grid-gap:.875rem;gap:.875rem}@media (max-width:42rem){.contact-double{grid-template-columns:1fr}}.icon-input{position:relative;width:100%}.input-icon{position:absolute;top:50%;left:.875rem;transform:translateY(-50%);opacity:.8;font-size:1.125rem;pointer-events:none}.icon-input input,.icon-input select,.icon-input textarea{width:100%;box-sizing:border-box;border:.0625rem solid rgba(0,0,0,.15);border-radius:.5rem;background:rgba(255,255,255,.75);color:var(--color-font);padding:.75rem 1rem;outline:none;font:inherit}.icon-input input,.icon-input select{padding-left:2.5rem}.icon-input textarea{min-height:7rem;resize:vertical}.icon-input input:focus,.icon-input select:focus,.icon-input textarea:focus{border-color:rgba(0,0,0,.35);box-shadow:0 0 0 .15rem rgba(0,0,0,.08)}.contact-submit-btn{align-self:center;border:none;border-radius:.5rem;padding:.625rem 1.125rem;background:rgba(0,0,0,.75);color:#ffffff;font-weight:600;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .12s ease}.contact-submit-btn:hover{background:rgba(0,0,0,.85)}.contact-submit-btn:active{transform:translateY(.06rem)}.contact-submit-btn[disabled]{opacity:.6;cursor:default}.notice{position:relative;display:flex;align-items:flex-start;gap:.6rem;padding:.75rem 2.25rem .75rem .75rem;border:.0625rem solid transparent;border-radius:.5rem;font-size:.95rem;box-sizing:border-box;animation:notice-fade-in .16s ease-out both}.notice--success{background:rgba(46,160,67,.12);border-color:rgba(46,160,67,.35);color:var(--color-font)}.notice--error{background:rgba(220,38,38,.12);border-color:rgba(220,38,38,.35);color:var(--color-font)}.notice-dot{width:.6rem;height:.6rem;border-radius:50%;margin-top:.25rem;background:currentColor;opacity:.65;flex:0 0 auto}.notice-text{margin:0;line-height:1.4}.notice-close{position:absolute;right:.4rem;top:.25rem;padding:.25rem .5rem;font-size:1.125rem;line-height:1;border:none;background:transparent;color:inherit;cursor:pointer;opacity:.7}.notice-close:hover{opacity:1}@keyframes notice-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}