.contact-page{min-height:100vh;display:flex;flex-direction:column;background-color:hsl(var(--background))}.contact-page__hero{position:relative;padding:var(--space-8) var(--space-6) var(--space-5);text-align:center;overflow:hidden;display:flex;flex-direction:column;align-items:center}.contact-page__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 70% at 50% -5%,hsl(var(--primary)/.1),transparent 65%);pointer-events:none;z-index:0}@media (min-width: 768px){.contact-page__hero{padding:var(--space-10) var(--space-8) var(--space-6)}}.contact-page__hero-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,hsl(var(--primary)/.18) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse 90% 80% at 50% 0%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 0%,black 30%,transparent 80%);pointer-events:none;z-index:0}.contact-page__hero-title{position:relative;z-index:1;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:800;letter-spacing:-.03em;color:hsl(var(--foreground));margin:0 0 var(--space-2);line-height:1.1;text-align:center}.contact-page__hero-subtitle{position:relative;z-index:1;font-size:var(--text-lead);color:hsl(var(--muted-foreground));max-width:32rem;width:100%;margin:0 auto;line-height:1.65;text-align:center}@media (min-width: 768px){.contact-page__hero-subtitle{font-size:var(--text-h4)}}.contact-page__body{flex:1;padding:var(--space-4) var(--space-4) var(--space-6)}@media (min-width: 640px){.contact-page__body{padding:var(--space-5) var(--space-6) var(--space-8)}}@media (min-width: 768px){.contact-page__body{padding:var(--space-5) var(--space-8) var(--space-8)}}.contact-page__content{max-width:68rem;margin:0 auto;display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 900px){.contact-page__content{grid-template-columns:1fr 1.5fr;gap:var(--space-6)}}.contact-page__left{display:flex;flex-direction:column;gap:var(--space-4);width:100%;justify-content:space-between}.contact-page__right{display:flex;flex-direction:column;width:100%}.contact-response-time{display:flex;align-items:flex-start;gap:.875rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);padding:.875rem var(--space-4);width:100%;box-sizing:border-box}@media (min-width: 640px){.contact-response-time{padding:var(--space-4) var(--space-5)}}.contact-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);padding:var(--space-4);position:relative;overflow:hidden;width:100%;box-sizing:border-box}@media (min-width: 640px){.contact-card{padding:var(--space-5)}}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,hsl(var(--primary)/.6) 40%,hsl(var(--primary)/.6) 60%,transparent)}.contact-card__title{font-size:var(--text-micro);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin:0 0 var(--space-5)}.contact-card__info-row{display:flex;align-items:flex-start;gap:.875rem;padding:var(--space-2-5) 0}.contact-card__info-row+.contact-card__info-row{border-top:1px solid hsl(var(--border))}.contact-card__info-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background:hsl(var(--primary)/.12);color:hsl(var(--primary));flex-shrink:0}.contact-card__info-icon--brand{background:var(--brand-color);color:#fff;box-shadow:inset 0 0 0 1.5px var(--brand-border, transparent)}.contact-card__info-body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.contact-card__info-label{font-size:var(--text-caption);font-weight:600;color:hsl(var(--muted-foreground));letter-spacing:.04em}.contact-card__info-value{font-size:var(--text-lead);font-weight:500;color:hsl(var(--foreground));text-decoration:none;word-break:break-all}.contact-card__info-value:hover{color:hsl(var(--primary))}.contact-card__info-note{font-size:var(--text-small);color:hsl(var(--muted-foreground));margin-top:var(--space-0-5);line-height:1.5}.contact-form-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);padding:var(--space-4);position:relative;overflow:hidden;width:100%;box-sizing:border-box;display:flex;flex-direction:column}@media (min-width: 640px){.contact-form-card{padding:var(--space-6)}}@media (min-width: 900px){.contact-form-card{height:100%}}.contact-form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,hsl(var(--primary)/.6) 40%,hsl(var(--primary)/.6) 60%,transparent)}.contact-form-card__title{font-size:var(--text-micro);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin:0 0 var(--space-2-5)}.contact-form{display:flex;flex-direction:column;gap:var(--space-2)}.contact-form__field{display:flex;flex-direction:column;gap:var(--space-1);position:relative;padding-bottom:.875rem}.contact-form__label{font-size:var(--text-small);font-weight:600;color:hsl(var(--foreground));letter-spacing:.01em}.contact-form__input,.contact-form__textarea{width:100%;padding:.65rem .875rem;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius-md);font-size:var(--text-lead);color:hsl(var(--foreground));transition:border-color .15s ease,box-shadow .15s ease;outline:none;font-family:inherit;box-sizing:border-box}.contact-form__input::-moz-placeholder,.contact-form__textarea::-moz-placeholder{color:hsl(var(--muted-foreground)/.6)}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:hsl(var(--muted-foreground)/.6)}.contact-form__input:focus,.contact-form__textarea:focus{border-color:hsl(var(--primary)/.6);box-shadow:var(--focus-glow)}.contact-form__input[aria-invalid=true],.contact-form__textarea[aria-invalid=true]{border-color:hsl(var(--destructive)/.6);box-shadow:var(--focus-glow-danger)}.contact-form__textarea{resize:vertical;min-height:5.5rem;line-height:1.6}.contact-form__error{position:absolute;bottom:0;left:0;font-size:var(--text-caption);color:hsl(var(--destructive));font-weight:500;line-height:1.25rem}.contact-form__rating{display:flex;flex-direction:column;align-items:center;gap:var(--space-1-5);padding:var(--space-2) 0 0;border-top:1px solid hsl(var(--border));position:relative}.contact-form__rating-error{font-size:var(--text-caption);font-weight:500;color:hsl(var(--destructive))}.contact-form__submit{display:flex;align-items:center;justify-content:center;gap:var(--space-1-5);padding:var(--space-2) 1.1rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius-sm);font-size:var(--text-small);font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;align-self:flex-end;font-family:inherit;letter-spacing:.01em}.contact-form__submit:hover:not(:disabled){background:color-mix(in srgb,hsl(var(--primary)) 85%,black);transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--primary)/.35)}.contact-form__submit:active:not(:disabled){transform:translateY(0);box-shadow:none}.contact-form__submit:disabled{opacity:.6;cursor:not-allowed}.contact-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--space-4);text-align:center;height:100%;min-height:16rem}.contact-success__icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:hsl(var(--primary)/.12);color:hsl(var(--primary))}.contact-success__title{font-size:var(--text-h2);font-weight:700;color:hsl(var(--foreground));margin:0}.contact-success__message{font-size:var(--text-lead);color:hsl(var(--muted-foreground));max-width:22rem;line-height:1.6;margin:0}.emoji-rating{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.emoji-rating__buttons{display:flex;align-items:center;gap:var(--space-2)}.emoji-rating__button{position:relative;background:none;border:none;padding:0;cursor:pointer;outline:none;border-radius:var(--radius-xl)}.emoji-rating__button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.emoji-rating__inner{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-xl);transition:transform var(--duration-slow) var(--var(--ease-out))}.emoji-rating__button[data-active=true] .emoji-rating__inner{transform:scale(1.1)}.emoji-rating__button[data-active=false]:hover .emoji-rating__inner{transform:scale(1.05)}.emoji-rating__emoji{font-size:var(--text-h1);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:filter var(--duration-slow) var(--ease-out),opacity var(--duration-slow) var(--ease-out);filter:grayscale(1);opacity:.4}.emoji-rating__button[data-active=true] .emoji-rating__emoji{filter:grayscale(0) drop-shadow(0 4px 8px hsla(0,0%,0%,.15));opacity:1}.emoji-rating__button[data-active=false]:hover .emoji-rating__emoji{filter:grayscale(.3);opacity:.7}.emoji-rating__label-wrap{position:relative;height:1.75rem;width:8rem}.emoji-rating__label-default,.emoji-rating__label-item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity var(--duration-slow) var(--ease-out),filter var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.emoji-rating__label-default{opacity:1;filter:blur(0);transform:scale(1)}.emoji-rating__label-default[data-hidden=true]{opacity:0;filter:blur(8px);transform:scale(.95)}.emoji-rating__label-default span{font-size:var(--text-body);font-weight:500;color:hsl(var(--muted-foreground))}.emoji-rating__label-item{opacity:0;filter:blur(8px);transform:scale(1.05)}.emoji-rating__label-item[data-active=true]{opacity:1;filter:blur(0);transform:scale(1)}.emoji-rating__label-item span{font-size:var(--text-body);font-weight:600;letter-spacing:.02em;color:hsl(var(--foreground))}