@import url('styles-new.css?v=20260915-contact1');

/* Small visual identifier for every portfolio project card. */
.project-card{position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.project-card:hover{transform:translateY(-3px);border-color:#2b668d;box-shadow:0 14px 32px rgba(0,0,0,.18)}
.project-grid .project-card::before{content:'•';width:36px;height:36px;margin-bottom:14px;border:1px solid #28506c;border-radius:9px;display:grid;place-items:center;background:#0a2639;color:#7dccff;font-size:20px;font-weight:700;line-height:1;box-shadow:inset 0 0 18px rgba(7,153,249,.06)}
.project-grid .project-card:nth-child(1)::before{content:'✦';color:#b47cff;border-color:#634086;background:#171b37}
.project-grid .project-card:nth-child(2)::before{content:'↻';color:#52c7ff;border-color:#2b6384;background:#0b293c}
.project-grid .project-card:nth-child(3)::before{content:'◇';color:#38e0ad;border-color:#26725c;background:#0b2c28}
.project-grid .project-card:nth-child(4)::before{content:'⬡';color:#8f9dff;border-color:#4f5890;background:#171d3a}
.project-grid .project-card:nth-child(5)::before{content:'▤';color:#64d8ff;border-color:#326b83;background:#0d2939}
.project-grid .project-card:nth-child(6)::before{content:'⌘';color:#ff9f55;border-color:#8b5930;background:#302015}
.project-grid .project-card:nth-child(7)::before{content:'⚙';color:#b978ff;border-color:#624083;background:#24162f;font-size:18px}
.project-grid .project-card:nth-child(8)::before{content:'◎';color:#4ed7c3;border-color:#2c6e68;background:#102c2d}
.project-grid .project-card:nth-child(9)::before{content:'▦';color:#ffd06a;border-color:#846d36;background:#302a16}
.project-grid .project-card:nth-child(10)::before{content:'✣';color:#69b9ff;border-color:#37658b;background:#10263a}

/* Technology / platform tags on every project card. */
.project-card .project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:2px}
.project-card .project-tags span{display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border:1px solid #2a5876;border-radius:999px;background:#082033;color:#c7e9ff;font-size:12px;font-weight:600;line-height:1;letter-spacing:.01em;white-space:nowrap;box-shadow:inset 0 0 12px rgba(17,139,219,.04)}
.project-card:hover .project-tags span{border-color:#36759c;background:#0a263d}

/* Contact form */
.contact{align-items:start}
.contact-copy{padding-top:8px}
.contact-trust{display:grid;gap:10px;margin-top:28px;color:#9fb9cf;font-size:14px}
.contact-trust span{display:flex;gap:9px;align-items:center}
#contact-form{padding:25px;border:1px solid #1d4159;border-radius:12px;background:linear-gradient(145deg,#0a2032,#071826);box-shadow:0 18px 45px rgba(0,0,0,.16)}
#contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
#contact-form label span{color:#7797ae;font-weight:500;font-size:12px}
#contact-form input,#contact-form textarea{width:100%;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
#contact-form input:focus,#contact-form textarea:focus{border-color:#078fe9;background:#041724;box-shadow:0 0 0 3px rgba(7,153,249,.12)}
#contact-form textarea{resize:vertical;min-height:145px}
#contact-form .contact-submit{width:max-content;min-width:190px;cursor:pointer}
#contact-form .contact-submit:disabled{opacity:.65;cursor:wait}
#form-status{min-height:20px;padding:2px 0;font-size:13px;line-height:1.45}
#form-status[data-state="success"]{color:#53ddb5}
#form-status[data-state="error"]{color:#ff8e9d}
#form-status[data-state="info"]{color:#9fc5e2}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:650px){.project-card .project-tags{gap:6px;margin-top:15px}.project-card .project-tags span{font-size:11px;padding:5px 9px;min-height:28px}#contact-form{padding:18px}#contact-form .form-row{grid-template-columns:1fr}.contact-trust{margin:22px 0 4px}}