: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}body.dark{--bg-main:#020617;--bg-glass:rgba(15,23,42,0.75);--text-main:#acc7fc;--border-soft:#334155;--icon-color:#fbb2b2}.contact-3d-bg{position:fixed;inset:0;z-index:-1;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%);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{max-width:1200px;margin:0 auto;padding:4rem 1.5rem;color:var(--text-main)}.dark-toggle{position:fixed;top:1.25rem;right:1.25rem;background:var(--bg-glass);border:1px solid var(--border-soft);border-radius:999px;padding:.4rem .6rem;cursor:pointer;z-index:50}.contact-hero{text-align:center;margin-bottom:2rem}.contact-hero h1{font-size:clamp(2rem,4vw,2.6rem);margin-bottom:.75rem}.contact-hero .accent{color:var(--primary)}.contact-hero p{max-width:600px;margin:0 auto;opacity:.85}@media (min-width:768px){.contact-hero{margin-bottom:1rem}}.contact-content{display:grid;gap:3rem}@media (min-width:768px){.contact-content{grid-template-columns:1fr 1fr;align-items:start}}.contact-info h2{margin-bottom:1rem}.contact-icon-list{display:grid;grid-template-columns:1fr;gap:.9rem;margin-top:1.5rem}@media (min-width:600px){.contact-icon-list{grid-template-columns:1fr 1fr}}.contact-icon-list a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border-soft);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;color:inherit;transform-style:preserve-3d;transition:transform .35s ease,box-shadow .35s ease}.contact-icon-list a:hover{transform:translateY(-4px) rotateX(6deg) rotateY(-6deg);box-shadow:0 14px 40px rgba(0,0,0,.15)}.contact-icon-list img{width:24px;height:24px;filter:invert(0)}body.dark .contact-icon-list img{filter:invert(1)}.contact-form{background:var(--bg-glass);padding:2rem;border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-style:preserve-3d}.contact-form h2{margin-bottom:1rem}.contact-form input,.contact-form textarea{width:100%;margin-top:.75rem;padding:.75rem;border:1px solid var(--border-soft);border-radius:8px;font-size:.95rem;background:transparent;color:var(--text-main)}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary)}.contact-form button{margin-top:1.5rem;width:100%;padding:.8rem;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#a396f6;font-size:.95rem;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.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;animation:slideIn .4s ease;z-index:1000}.toast.success{background:#16a34a;color:#d4a5a5}.toast.error{background:#dc2626;color:#d4abab}.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)}}body.dark .about-page,body.dark .contact-page{background-color:#020617}body.dark .about-hero p,body.dark .contact-hero p{opacity:.9}.contact-icon-list a:hover,.timeline-item:hover{transform:translateY(-8px) rotateX(8deg) rotateY(-8deg)}.contact-icon-list img,.timeline-item img{filter:invert(0) sepia(1) saturate(5) hue-rotate(190deg)}.about-story,.contact-form{box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}@media (prefers-reduced-motion:reduce){.contact-3d-bg{animation:none}}.contact-icon-list a{background:linear-gradient(135deg,rgba(161,163,250,.85),rgba(241,208,171,.95))}.contact-icon-list a:hover{background:linear-gradient(135deg,rgba(255,234,238,.95),rgb(212,223,243))}.contact-form{background:linear-gradient(180deg,rgba(247,231,231,.9),rgba(229,233,246,.95))}