:root{--accent:#29b8ff;--accent-2:#41d6ff;--accent-soft:#8fd7ff;--font-heading:"Plus Jakarta Sans", "Inter", Arial, Helvetica, sans-serif;--font-body:"Inter", Arial, Helvetica, sans-serif}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{font-family:var(--font-body);color:#e6f4ff;background:linear-gradient(#04111cbd,#04111ce6),url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1600&q=80) 50%/cover no-repeat fixed;margin:0}h1,h2,h3{font-family:var(--font-heading)}button,input,textarea{font-family:inherit}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline-offset:2px;outline:2px solid #60c8ffa6}@keyframes pulse-dot{0%{box-shadow:0 0 #4ee08a8c}70%{box-shadow:0 0 0 7px #4ee08a00}to{box-shadow:0 0 #4ee08a00}}.site-shell{flex-direction:column;min-height:100vh;display:flex}.content{flex:1;width:100%;max-width:1160px;margin:0 auto;padding:24px}.eyebrow{color:#8ed8ff;text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:7px;margin:0 0 8px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg,#29b8ff,#41d6ff);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #41d6ffb3}.section-title-row{border-bottom:1px solid #89d2ff24;justify-content:space-between;align-items:end;margin-bottom:20px;padding-bottom:16px;display:flex}.section-title-row h2{color:#f8fdff;letter-spacing:-.2px;margin:0;font-size:26px;font-weight:700}.primary-btn,.secondary-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:14.5px;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s;display:inline-flex}.primary-btn{color:#03131f;background:linear-gradient(90deg,#29b8ff,#41d6ff);border:none;font-weight:700;box-shadow:0 8px 24px #29b8ff24}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-2px)}.primary-btn:hover{box-shadow:0 14px 30px #29b8ff4d}.primary-btn .btn-arrow{transition:transform .2s}.primary-btn:hover .btn-arrow{transform:translate(3px)}.secondary-btn{color:#e6f4ff;background:#85c6ff0f;border-color:#85c6ff59;font-weight:600;box-shadow:0 8px 20px #41d6ff14}.secondary-btn:hover{background:#85c6ff1f;border-color:#8fd7ff99;box-shadow:0 12px 28px #41d6ff2e}.contact-link{color:#03131f;background:linear-gradient(90deg,#29b8ff,#41d6ff);border-radius:999px;justify-content:center;align-items:center;padding:11px 18px;font-size:14.5px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 24px #29b8ff24}.contact-link:hover{transform:translateY(-2px);box-shadow:0 14px 30px #29b8ff4d}.site-header{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05121eeb;border-bottom:1px solid #67b5ff29;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1160px;margin:0 auto;padding:16px 24px;display:flex}.brand-mark{cursor:pointer;background:linear-gradient(135deg,#29b8ff,#41d6ff);border:none;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:transform .6s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 16px #29b8ff47}.brand-mark:hover{transform:rotate(360deg);box-shadow:0 8px 22px #29b8ff66}.brand-mark:before{content:"";background:radial-gradient(circle,#ffffff59,#0000 70%);width:90%;height:90%;position:absolute;top:-30%;left:-20%}.brand-mark svg{width:22px;height:22px;position:relative}.nav-links{background:#ffffff08;border:1px solid #89d2ff1a;border-radius:999px;gap:4px;padding:4px;display:flex}.nav-button{color:#d8eefc;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 16px;font-weight:500;transition:background .2s,border .2s,color .2s}.nav-button:hover{color:#fff;background:#3bb5ff1a}.nav-button.active{color:#03131f;background:linear-gradient(90deg,#29b8ff,#41d6ff);border-color:#0000;font-weight:700;box-shadow:0 6px 16px #29b8ff40}@media (width<=640px){.nav-inner{flex-direction:column;align-items:center;gap:14px;padding:14px 16px}.brand-mark{width:42px;height:42px}.brand-mark svg{width:24px;height:24px}.nav-links{flex-wrap:wrap;justify-content:center;gap:6px;width:100%}.nav-button{padding:8px 15px;font-size:14px}}@media (width<=380px){.nav-button{padding:8px 12px;font-size:13.5px}}.site-footer{color:#9fc3dd;text-align:center;border-top:1px solid #89d2ff1f;margin-top:auto;padding:28px 24px;font-size:13.5px}.site-footer p{margin:0}.footer-socials{justify-content:center;align-items:center;gap:10px;margin-bottom:16px;display:flex}.footer-socials a{color:#8fd7ff;border:1px solid #89d2ff33;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;transition:border-color .2s,background .2s,transform .2s,color .2s;display:inline-flex}.footer-socials a svg{width:16px;height:16px}.footer-socials a:hover{color:#fff;background:#29b8ff24;border-color:#41d6ff80;transform:translateY(-2px)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020a12b8;justify-content:center;align-items:center;padding:24px;animation:.18s ease-out modal-fade;display:flex;position:fixed;inset:0}.modal-content{color:#e6f4ff;background:linear-gradient(#071b2dfa,#092032f5);border:1px solid #89d2ff38;border-radius:22px;width:100%;max-width:1000px;max-height:90vh;padding:28px 28px 24px;animation:.2s ease-out modal-pop;position:relative;overflow-y:auto;box-shadow:0 24px 60px #020a128c}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-thumb{background:#89d2ff3d;border-radius:999px}.modal-close{color:#e6f4ff;cursor:pointer;background:#04111de6;border:1px solid #89d2ff3d;border-radius:999px;width:34px;height:34px;font-size:22px;line-height:1;transition:background .2s,border-color .2s,transform .2s;position:absolute;top:14px;right:14px}.modal-close:hover{background:#3bb5ff2e;border-color:#60c8ff80;transform:translateY(-1px)}.modal-header{margin-bottom:18px;padding-right:40px}.modal-header h3{color:#fff;margin:2px 0 10px;font-size:22px}.modal-header .project-description{color:#d6ebfb;margin:0;line-height:1.65}.modal-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;margin-bottom:20px;display:grid}.modal-image-slot{flex-direction:column;gap:8px;margin:0;display:flex}.modal-image-frame{cursor:zoom-in;background:#04111d99;border:1px solid #85c6ff2e;border-radius:14px;width:100%;padding:0;transition:transform .25s,border-color .25s,box-shadow .25s;display:block;position:relative;overflow:hidden}.modal-image-frame img{width:100%;height:auto;transition:transform .3s;display:block}.modal-image-frame:hover{border-color:#60c8ff80;transform:translateY(-3px);box-shadow:0 14px 30px #020a1266}.modal-image-frame:hover img{transform:scale(1.03)}.modal-image-frame:focus-visible{outline-offset:2px;outline:2px solid #60c8ffcc}.modal-image-zoom{color:#cdecff;opacity:0;pointer-events:none;background:#04111db8;border:1px solid #89d2ff47;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:8px;right:8px;transform:translateY(-3px)}.modal-image-frame:hover .modal-image-zoom{opacity:1;transform:translateY(0)}.modal-image-caption{color:#d6ebfb;margin:0;font-size:13px;line-height:1.5}.modal-actions{border-top:1px solid #89d2ff24;flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;padding-top:18px;display:flex}.modal-repo-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.modal-no-site{color:#8fd7ff;letter-spacing:.5px;text-transform:uppercase;opacity:.8;font-size:13px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.lightbox-backdrop{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02080fe6;justify-content:center;align-items:center;padding:40px 72px;animation:.18s ease-out modal-fade;display:flex;position:fixed;inset:0}.lightbox-figure{flex-direction:column;gap:14px;max-width:min(1100px,92vw);max-height:88vh;margin:0;animation:.22s ease-out lightbox-pop;display:flex}.lightbox-figure img{object-fit:contain;border:1px solid #89d2ff47;border-radius:14px;width:auto;max-width:100%;height:auto;max-height:78vh;box-shadow:0 30px 70px #0009}.lightbox-caption{color:#d6ebfb;justify-content:space-between;align-items:center;gap:16px;font-size:14px;line-height:1.5;display:flex}.lightbox-counter{color:#8fd7ff;letter-spacing:.5px;background:#29b8ff1f;border:1px solid #41d6ff47;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:13px;font-weight:600}.lightbox-arrow{color:#e6f4ff;cursor:pointer;background:#04111dd1;border:1px solid #89d2ff47;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;font-size:32px;line-height:1;transition:background .2s,border-color .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover{background:#3bb5ff3d;border-color:#60c8ff99}.lightbox-arrow--prev{left:20px}.lightbox-arrow--prev:hover{transform:translateY(-50%)translate(-2px)}.lightbox-arrow--next{right:20px}.lightbox-arrow--next:hover{transform:translateY(-50%)translate(2px)}.lightbox-close{color:#e6f4ff;cursor:pointer;background:#04111dd1;border:1px solid #89d2ff3d;border-radius:999px;width:40px;height:40px;font-size:26px;line-height:1;transition:background .2s,border-color .2s,transform .2s;position:absolute;top:20px;right:24px}.lightbox-close:hover{background:#3bb5ff33;border-color:#60c8ff8c;transform:translateY(-1px)}@keyframes lightbox-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.modal-gallery{grid-template-columns:1fr}.modal-content{padding:22px 18px 18px}.lightbox-backdrop{padding:20px 12px}.lightbox-arrow{width:42px;height:42px;font-size:26px}.lightbox-arrow--prev{left:8px}.lightbox-arrow--next{right:8px}.lightbox-figure img{max-height:70vh}}.skill-badge{color:#dff5ff;white-space:nowrap;background:#051827eb;border:1px solid #81ccff3d;border-radius:999px;justify-content:center;align-items:center;gap:11px;width:100%;padding:11px 17px;font-size:14.5px;transition:border-color .2s,transform .2s,background .2s;display:flex}.skill-badge:hover{background:#29b8ff1a;border-color:#8fd7ff80;transform:translateY(-2px)}.skill-icon{flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.skill-icon svg{fill:currentColor;width:26px;height:26px}.hero-section{justify-content:space-between;align-items:center;gap:18px;padding:32px 0 36px;display:flex;position:relative}.hero-glow{pointer-events:none;z-index:-1;filter:blur(50px);background:radial-gradient(circle,#29b8ff66 0%,#0000 65%);border-radius:50%;width:380px;height:380px;position:absolute;top:-140px;right:-60px}.hero-copy{flex:1;max-width:560px;animation:.5s ease-out both fade-in-up}.availability-pill{color:#bdeaff;background:#29b8ff1a;border:1px solid #41d6ff4d;border-radius:999px;align-items:center;gap:8px;width:max-content;margin:0 0 22px;padding:6px 12px 6px 10px;font-size:12.5px;font-weight:600;display:flex}.availability-dot{background:#4ee08a;border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite pulse-dot;box-shadow:0 0 #4ee08a99}.availability-pill.unavailable{color:#ffc7c7;background:#ff52521a;border-color:#ff6c6c59}.availability-pill.unavailable .availability-dot{background:#ff5c5c;animation:2s ease-out infinite pulse-dot-red;box-shadow:0 0 #ff5c5c99}@keyframes pulse-dot-red{0%{box-shadow:0 0 #ff5c5c8c}70%{box-shadow:0 0 0 7px #ff5c5c00}to{box-shadow:0 0 #ff5c5c00}}.hero-copy h1{letter-spacing:-.5px;color:#f8fdff;margin:0;font-size:44px;font-weight:800}.hero-name{background:linear-gradient(90deg,#29b8ff,#7fe6ff);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy h2{color:#8fd7ff;margin:8px 0 14px;font-size:20px;font-weight:500}.hero-description{color:#d9efff;max-width:480px;margin:0;font-size:16px;line-height:1.65}.hero-actions{gap:12px;margin-top:24px;display:flex}.skills-section{margin-top:20px;padding:18px 0 8px;animation:.5s ease-out .1s both fade-in-up}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px;display:grid}@media (width<=520px){.skills-grid{grid-template-columns:repeat(2,1fr)}}.about-me-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071b2d6b;border:1px solid #89d2ff2e;border-radius:20px;margin-top:50px;padding:26px;transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 20px 45px #020a124d}.about-me-card:hover{border-color:#89d2ff57;transform:translateY(-4px);box-shadow:0 26px 52px #020a1266}.about-me-copy{color:#eaf7ff;max-width:900px;margin:8px 0 0;font-size:16px;line-height:1.85}@media (width<=900px){.hero-section{grid-template-columns:1fr;gap:18px;display:grid}}@media (width<=640px){.hero-glow{width:260px;height:260px;right:0}.hero-copy h1{font-size:38px}.hero-actions{flex-wrap:wrap}.hero-actions .primary-btn,.hero-actions .secondary-btn{flex:auto;justify-content:center}}.experience-section{margin-top:20px;padding:18px 0 8px;animation:.5s ease-out both fade-in-up}.experience-columns{grid-template-columns:1fr 1fr;gap:20px 48px;display:grid}.experience-column-header{border-bottom:1px solid #89d2ff24;align-items:center;gap:12px;margin-bottom:26px;padding-bottom:14px;display:flex}.experience-column-icon{color:#6fd4ff;background:#29b8ff1f;border:1px solid #41d6ff4d;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.experience-column-icon svg{width:19px;height:19px}.experience-column-header h3{color:#f8fdff;font-size:19px;font-weight:700;font-family:var(--font-heading);margin:0}.timeline{position:relative}.timeline-item{padding-bottom:30px;padding-left:28px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";background:#89d2ff29;width:1.5px;position:absolute;top:14px;bottom:-16px;left:5px}.timeline-item:last-child:before{display:none}.timeline-marker{background:linear-gradient(135deg,#29b8ff,#41d6ff);border-radius:50%;width:12px;height:12px;position:absolute;top:8px;left:0;box-shadow:0 0 0 4px #29b8ff24}.timeline-content{background:linear-gradient(#071b2df0,#091d32e6);border:1px solid #89d2ff2e;border-radius:16px;padding:18px 20px;transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 14px 30px #020a1238}.timeline-content:hover{border-color:#89d2ff57;transform:translateY(-3px);box-shadow:0 18px 36px #020a1252}.timeline-content.coming-soon{min-height:88px;box-shadow:none;background:#071b2d59;border-style:dashed;border-color:#89d2ff3d;justify-content:center;align-items:center;display:flex}.timeline-content.coming-soon:hover{box-shadow:none;border-color:#89d2ff66;transform:none}.coming-soon-text{color:#8fd7ff;letter-spacing:2px;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.timeline-date{color:#8fd7ff;letter-spacing:.4px;text-transform:uppercase;margin:0 0 8px;font-size:12.5px;font-weight:600}.timeline-content h4{color:#fff;margin:0 0 4px;font-size:16.5px;font-weight:700}.timeline-role{color:#9fc3dd;margin:0 0 10px;font-size:13.5px}.timeline-copy{color:#d6ebfb;margin:0;font-size:14.5px;line-height:1.6}@media (width<=900px){.experience-columns{grid-template-columns:1fr;gap:40px}}.tech-pill{color:#e6f4ff;background:#04111deb;border:1px solid #89d2ff38;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;transition:border-color .2s,transform .2s;display:inline-flex}.tech-pill:hover{border-color:#89d2ff73;transform:translateY(-1px)}.tech-dot{background:#8fd7ff;border-radius:999px;width:10px;height:10px}.tech-pill.html .tech-dot{background:#ff7a28}.tech-pill.css .tech-dot{background:#4fc3ff}.tech-pill.scss .tech-dot{background:#d884c1}.tech-pill.js .tech-dot{background:#ffd166}.tech-pill.react .tech-dot{background:#7dd3fc}.tech-pill.ts .tech-dot{background:#3178c6}.tech-pill.tailwind .tech-dot{background:#38bdf8}.tech-pill.figma .tech-dot{background:#f5b1ff}.tech-pill.git .tech-dot{background:#b8f2ff}.tech-pill.default .tech-dot{background:#8fd7ff}.project-card{background:linear-gradient(#071b2df5,#092032f0);border:1px solid #89d2ff2e;border-radius:20px;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #020a1247}.project-card:hover{border-color:#89d2ff57;transform:translateY(-4px);box-shadow:0 24px 48px #020a1266}.project-card:focus-visible{outline-offset:3px;outline:2px solid #60c8ff8c}.project-preview{border-bottom:1px solid #89d2ff24;padding:16px 16px 12px}.preview-label{color:#8fd7ff;background:#0b85c729;border-radius:999px;margin-bottom:12px;padding:4px 8px;font-size:12px;display:inline-flex}.preview-screen{background:0 0;border:1px solid #85c6ff29;border-radius:14px;justify-content:center;align-items:flex-start;height:305px;padding:0;display:flex;overflow:hidden}.preview-screenshot{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .35s;display:block}.project-card:hover .preview-screenshot{transform:scale(1.035)}.project-body{flex-direction:column;flex:1;padding:16px;display:flex}.project-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.project-eyebrow{color:#8fd7ff;text-transform:uppercase;margin:0 0 4px;font-size:12px}.project-header h3{color:#fff;margin:0}.repo-link{color:#03131f;background:linear-gradient(90deg,#29b8ff,#41d6ff);border-radius:999px;justify-content:center;align-items:center;min-width:92px;padding:9px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 8px 20px #41d6ff1f}.repo-link:hover{filter:brightness(1.015);transform:translateY(-1px);box-shadow:0 12px 28px #41d6ff38}.project-description{color:#d6ebfb;margin:10px 0 12px;line-height:1.6}.tech-list{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px;display:flex}.portfolio-section{margin-top:20px;padding:18px 0 8px;animation:.5s ease-out both fade-in-up}.portfolio-tools{justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px;display:flex}.portfolio-note{color:#d6ebfb;max-width:520px;margin:0;line-height:1.5}.search-input{color:#f7fbff;background:#04111de6;border:1px solid #89d2ff3d;border-radius:12px;width:360px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:#d6ebfb73}.search-input:focus{border-color:#41d6ff99;outline:none;box-shadow:0 0 0 3px #29b8ff29}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.empty-state{color:#d6ebfb;background:#081a2aeb;border:1px solid #89d2ff2e;border-radius:18px;padding:18px}@media (width<=900px){.portfolio-tools,.project-grid{grid-template-columns:1fr;display:grid}.search-input{width:100%}}.contact-section{margin-top:20px;padding:18px 0 8px;animation:.5s ease-out both fade-in-up}.contact-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.contact-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071b2d80;border:1px solid #89d2ff2e;border-radius:20px;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 16px 36px #020a123d}.contact-card:hover{border-color:#89d2ff52;transform:translateY(-4px);box-shadow:0 22px 44px #020a1257}.contact-card.form-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:24px 0 0}.contact-card.form-card:hover{box-shadow:none;border-color:#0000;transform:none}.contact-card.alt,.contact-card.details{background:#071b2d8f}.contact-kicker{color:#8fd7ff;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;font-size:12px}.contact-copy{color:#eaf7ff;margin:0;font-size:16px;line-height:1.8}.contact-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.contact-detail-row{color:#eaf7ff;border-bottom:1px solid #89d2ff1f;justify-content:flex-start;align-items:center;gap:14px;padding:11px 0;display:flex}.contact-detail-row:last-child{border-bottom:0}.contact-detail-label{color:#8fd7ff;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.contact-detail-label svg{width:18px;height:18px;display:block}.contact-detail-value{text-align:left;width:100%;font-size:15px}.contact-list{color:#d6ebfb;margin:0;padding-left:18px;line-height:1.8}.form-card{text-align:center;max-width:520px;margin:16px auto 0}.contact-form{text-align:left;flex-direction:column;gap:16px;margin-top:18px;display:flex}.form-field{color:#8fd7ff;text-transform:uppercase;letter-spacing:1px;flex-direction:column;gap:8px;font-size:12px;display:flex}.form-field input,.form-field textarea{letter-spacing:normal;text-transform:none;color:#eaf7ff;resize:vertical;background:#04111dd9;border:1px solid #89d2ff3d;border-radius:12px;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-field input::placeholder,.form-field textarea::placeholder{color:#d6ebfb73}.form-field input:focus,.form-field textarea:focus{border-color:#41d6ff99;outline:none;box-shadow:0 0 0 3px #29b8ff29}.form-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.form-status{color:#8fd7ff;text-align:center;font-size:13px}.form-status.error{color:#ff8f8f}.contact-form .primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=900px){.contact-grid{grid-template-columns:1fr;gap:14px}.contact-card{padding:22px}.form-card{max-width:100%}}