.about-wrap{width:min(1220px,calc(100% - 36px));margin:44px auto 0;color:var(--bs-body-color,#edf4ff)}.about-hero{position:relative;overflow:hidden;isolation:isolate;text-align:center;border:1px solid rgba(85,146,255,.22);border-radius:32px;background:radial-gradient(ellipse at 50% -20%,rgba(32,119,255,.25),transparent 70%),linear-gradient(140deg,#101b30,#080e1b 65%,#121b36);padding:82px 24px 86px;box-shadow:0 25px 80px rgba(0,0,0,.22)}.about-hero-inner{position:relative;z-index:2;max-width:790px;margin:auto}.about-orb{position:absolute;filter:blur(6px);border-radius:50%;pointer-events:none}.about-orb-one{width:240px;height:240px;background:rgba(0,125,255,.13);left:-100px;top:-90px}.about-orb-two{width:320px;height:320px;background:rgba(83,63,219,.13);right:-120px;bottom:-160px}.about-kicker{display:inline-block;font-size:12px;letter-spacing:.19em;text-transform:uppercase;font-weight:800;color:#6aaaff;margin-bottom:22px}.about-mark{width:84px;height:84px;display:grid;place-items:center;margin:0 auto 25px;border-radius:25px;background:linear-gradient(135deg,#1169e8,#48b5ff);box-shadow:0 12px 38px rgba(21,108,255,.35);color:#fff;font-size:38px}.about-hero h1{font-size:clamp(34px,5vw,65px);font-weight:850;letter-spacing:-.045em;line-height:1.13;color:#f5f9ff;margin:0 0 22px}.about-lead{font-size:clamp(16px,2vw,20px);line-height:1.9;color:#a9b8d0;max-width:690px;margin:0 auto 28px}.about-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.about-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:13px;padding:13px 20px;text-decoration:none!important;font-weight:750;transition:transform .2s,background .2s;border:1px solid rgba(126,167,225,.24)}.about-button:hover{transform:translateY(-2px)}.about-button.primary{background:#237aff;color:white}.about-button.secondary{background:rgba(255,255,255,.06);color:#d8e8ff}.about-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.about-feature,.about-developer{border:1px solid rgba(105,150,212,.18);border-radius:22px;background:linear-gradient(145deg,rgba(25,38,62,.95),rgba(13,21,36,.96));padding:30px}.about-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:rgba(34,124,255,.14);color:#6eaeff;font-size:22px;margin-bottom:22px}.about-feature h2{font-size:20px;font-weight:800;color:#f3f7ff}.about-feature p{color:#9babc4;line-height:1.8;margin:12px 0 0}.about-developer{display:flex;align-items:center;gap:28px;padding:35px;margin:25px 0 55px}.about-developer-avatar{flex:0 0 108px;height:108px;border-radius:28px;background:linear-gradient(135deg,#1756ba,#111e43);display:grid;place-items:center;font-size:40px;color:#b7d7ff}.about-developer-text{flex:1}.about-developer-text .about-kicker{margin-bottom:7px}.about-developer-text h2{font-weight:850;color:#f6f9ff}.about-developer-text p{color:#a5b3c9;max-width:600px}.about-github{font-size:34px;color:#8ab9ff}.about-role{font-weight:750;color:#69aaff;margin-bottom:15px}.about-skills{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.about-skills span{background:rgba(45,124,255,.13);border:1px solid rgba(90,157,255,.24);padding:7px 11px;border-radius:9px;color:#c5ddff;font-size:13px}.developer-details{margin-bottom:60px}html[data-theme=light] .about-feature,html[data-theme=light] .about-developer{background:#f5f8ff}html[data-theme=light] .about-feature h2,html[data-theme=light] .about-developer h2{color:#14233b}html[data-theme=light] .about-feature p,html[data-theme=light] .about-developer p{color:#536783}@media(max-width:780px){.about-features{grid-template-columns:1fr}.about-hero{padding:65px 20px}.about-developer{flex-direction:column;align-items:flex-start}.about-github{align-self:flex-end}}html[dir=rtl] .about-hero h1{letter-spacing:normal}html[dir=rtl] .about-developer{text-align:right}

/* Developer Discord profile */
.developer-hero { position:relative; overflow:hidden; }
.developer-discord-banner { position:absolute; inset:0; background-position:center; background-size:cover; opacity:.65; pointer-events:none; }
.developer-hero .about-hero-inner { position:relative; z-index:1; }
.developer-discord-avatar { width:100%; height:100%; object-fit:cover; border-radius:inherit; display:block; }
.developer-discord-handle { color:#a9c7ed; font-weight:600; direction:ltr; unicode-bidi:isolate; }

.developer-mark{width:112px;height:112px;border-radius:26px;overflow:hidden;background:#0b172a}.developer-contact{max-width:900px;margin:30px auto 85px;border:1px solid rgba(89,155,255,.28);background:linear-gradient(145deg,#101f3a,#0c1426);border-radius:28px;padding:clamp(24px,5vw,48px);box-shadow:0 22px 70px rgba(0,0,0,.2)}.developer-contact-head{text-align:center;margin-bottom:32px}.developer-contact-head h2{font-size:clamp(26px,4vw,38px);font-weight:850;color:#f5f9ff}.developer-contact-head p{color:#9cb0ce}.developer-contact-form{display:grid;gap:18px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-field{display:grid;gap:8px}.contact-field label{font-weight:700;color:#d9e7ff}.contact-field input,.contact-field textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #334966;background:#0b1629;color:#f4f8ff;outline:none;transition:border-color .2s,box-shadow .2s}.contact-field input:focus,.contact-field textarea:focus{border-color:#4a9bff;box-shadow:0 0 0 3px rgba(35,122,255,.16)}.contact-field textarea{resize:vertical;min-height:140px}.contact-submit{cursor:pointer;justify-self:start}.contact-feedback{padding:14px 18px;border-radius:12px;margin-bottom:20px}.contact-feedback.success{background:#103b2d;color:#9cf5c6}.contact-feedback.error{background:#42212c;color:#ffb5c4}.contact-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}html[data-theme=light] .developer-contact{background:#f7faff}html[data-theme=light] .developer-contact-head h2,html[data-theme=light] .contact-field label{color:#132440}html[data-theme=light] .contact-field input,html[data-theme=light] .contact-field textarea{background:#fff;color:#15233d;border-color:#b8c9e1}@media(max-width:650px){.contact-fields{grid-template-columns:1fr}.contact-submit{width:100%}}