:root{--bg-main:#f8fafc;--bg-glass:rgba(255,255,255,0.7);--text-main:#0f172a;--border-soft:#e5e7eb;--primary:#2563eb;--accent:#f97316;--icon-color:#000}*,:after,:before{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0;overflow-x:hidden;background:radial-gradient(600px at 20% 20%,rgba(99,102,241,.15),transparent 40%),radial-gradient(500px at 80% 30%,rgba(236,72,153,.12),transparent 40%),radial-gradient(600px at 50% 80%,rgba(14,165,233,.15),transparent 40%),linear-gradient(135deg,#f8fafc,#ffffff 50%,#fff7ed)}.contact-page,.contact-page *{max-width:100%;min-width:0}.contact-3d-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(600px at 20% 20%,rgba(99,102,241,.15),transparent 40%),radial-gradient(500px at 80% 30%,rgba(236,72,153,.12),transparent 40%),radial-gradient(600px at 50% 80%,rgba(14,165,233,.15),transparent 40%),linear-gradient(135deg,#f8fafc,#ffffff 50%,#fff7ed);animation:floatBg 18s ease-in-out infinite alternate;transform:perspective(1200px) translateZ(-50px);filter:saturate(1.1)}@keyframes floatBg{0%{transform:perspective(1200px) rotateX(0deg) rotateY(0deg) scale(1)}to{transform:perspective(1200px) rotateX(6deg) rotateY(-6deg) scale(1.05)}}.contact-page{position:relative;isolation:isolate;width:100%;max-width:none;min-height:100dvh;margin:0;padding:clamp(1.2rem,2.4vw,2rem) clamp(.85rem,2vw,1.25rem);color:var(--text-main);overflow-x:hidden;background:radial-gradient(780px 380px at 8% 14%,rgba(37,99,235,.08),transparent 68%),radial-gradient(720px 360px at 94% 86%,rgba(249,115,22,.1),transparent 70%),linear-gradient(135deg,#f7fbff,#ffffff 50%,#fff7ef)}.contact-content,.contact-hero{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.contact-hero{text-align:center;margin-bottom:clamp(1rem,2vw,1.4rem)}.contact-hero h1{font-size:clamp(1.85rem,4vw,2.6rem);margin:0 0 .45rem;line-height:1.08}.contact-hero .accent{color:var(--primary)}.contact-hero p{max-width:600px;margin:0 auto;opacity:.85;line-height:1.55}.contact-content{display:grid;gap:clamp(1rem,2vw,1.5rem)}@media (min-width:768px){.contact-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.contact-info{width:100%;min-width:0}.contact-info h2{margin:0 0 .6rem;line-height:1.2}.contact-info p{margin:0;line-height:1.55}.contact-icon-list{display:grid;grid-template-columns:1fr;gap:.65rem;margin-top:.85rem;width:100%}@media (min-width:600px){.contact-icon-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-icon-list a{display:flex;align-items:center;gap:.65rem;width:100%;min-width:0;padding:.65rem .8rem;border-radius:12px;border:1px solid var(--border-soft);background:linear-gradient(135deg,rgba(161,163,250,.85),rgba(241,208,171,.95));backdrop-filter:blur(10px);text-decoration:none;color:inherit;transform-style:preserve-3d;transition:transform .35s ease,box-shadow .35s ease,background .35s ease;overflow:hidden}.contact-icon-list a:hover{transform:translateY(-5px) rotateX(6deg) rotateY(-6deg);box-shadow:0 14px 40px rgba(0,0,0,.15);background:linear-gradient(135deg,rgba(255,234,238,.95),rgb(212,223,243))}.contact-icon-list img{width:22px;height:22px;flex:0 0 auto;filter:invert(0) sepia(1) saturate(5) hue-rotate(190deg)}.contact-icon-list p,.contact-icon-list span,.contact-icon-list strong{min-width:0;overflow-wrap:anywhere;word-break:break-word}.contact-form{width:100%;min-width:0;background:linear-gradient(180deg,rgba(247,231,231,.9),rgba(229,233,246,.95));padding:clamp(1rem,2vw,1.25rem);border-radius:14px;border:1px solid rgba(37,99,235,.16);backdrop-filter:blur(12px);transform-style:preserve-3d;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 18px 42px rgba(15,23,42,.08);overflow:hidden}.contact-form h2{margin:0 0 .6rem;line-height:1.2}.contact-form-subtitle{margin:0 0 .55rem;font-size:.92rem;line-height:1.45;color:rgba(15,23,42,.72)}.contact-form input,.contact-form textarea{display:block;width:100%;max-width:100%;min-width:0;margin-top:.55rem;padding:.68rem .75rem;border:1px solid rgba(37,99,235,.2);border-radius:8px;font-size:.92rem;line-height:1.35;background:#ffffff;color:var(--text-main);box-sizing:border-box}.contact-form textarea{resize:vertical;min-height:115px}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.contact-form button{margin-top:.85rem;width:100%;padding:.72rem .9rem;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#ffffff;font-size:.93rem;cursor:pointer;border:none;transition:transform .25s ease,box-shadow .25s ease}.contact-form button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,99,235,.35)}.toast{position:fixed;top:1.2rem;right:1.2rem;max-width:min(360px,calc(100vw - 2rem));padding:.75rem 1.1rem;border-radius:8px;font-size:.9rem;animation:slideIn .4s ease;z-index:1000}.toast.success{background:#16a34a;color:#ffffff}.toast.error{background:#dc2626;color:#ffffff}.reveal{opacity:0;transform:translateY(30px);animation:fadeUp .8s ease forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.about-story,.contact-form{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 18px 42px rgba(15,23,42,.08)}@media (prefers-reduced-motion:reduce){.contact-3d-bg,.contact-form button,.contact-icon-list a,.reveal,.toast{animation:none;transition:none}}@media (min-width:1400px){.contact-content,.contact-hero{max-width:1240px}}@media (max-width:1024px){.contact-page{padding:1.4rem 1rem}.contact-content{gap:1.2rem}.contact-form{padding:1.1rem}}@media (max-width:768px){.contact-page{padding:1.2rem .9rem;background:radial-gradient(620px 320px at 10% 10%,rgba(37,99,235,.08),transparent 68%),radial-gradient(620px 320px at 90% 92%,rgba(249,115,22,.1),transparent 70%),linear-gradient(135deg,#f7fbff,#ffffff 50%,#fff7ef)}.contact-content{grid-template-columns:1fr;gap:1rem}.contact-hero{margin-bottom:1rem}.contact-form{padding:1rem}.contact-form input,.contact-form textarea{margin-top:.5rem;padding:.65rem .7rem}.contact-form textarea{min-height:105px}}@media (max-width:600px){.contact-page{padding:1rem .75rem;background:radial-gradient(520px 280px at 8% 8%,rgba(37,99,235,.08),transparent 68%),radial-gradient(520px 280px at 92% 94%,rgba(249,115,22,.1),transparent 70%),linear-gradient(135deg,#f7fbff,#ffffff 48%,#fff7ef)}.contact-icon-list{grid-template-columns:1fr;gap:.6rem}.contact-icon-list a{padding:.62rem .7rem;gap:.55rem}.contact-form{padding:.9rem}}@media (max-width:480px){.contact-page{padding:.85rem .65rem;background:radial-gradient(420px 230px at 0 8%,rgba(37,99,235,.08),transparent 68%),radial-gradient(420px 230px at 100% 94%,rgba(249,115,22,.1),transparent 70%),linear-gradient(135deg,#f7fbff,#ffffff 46%,#fff7ef)}.contact-hero h1{font-size:clamp(1.75rem,8vw,2.15rem)}.contact-hero p{font-size:.9rem}.contact-form input,.contact-form textarea{font-size:.88rem;padding:.62rem .65rem}.contact-form button{padding:.68rem .8rem;font-size:.9rem}}