:root{--bg:#080b14;--bg2:#0c101c;--panel:#101624;--line:rgba(160,177,211,.13);--text:#f1f4fc;--muted:#9ca8bd;--blue:#8fb7ff;--blue2:#5b8ef0;--violet:#b5a0ff;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif;--wrap:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(var(--wrap),calc(100% - 56px));margin-inline:auto}.site-header{height:78px;position:sticky;top:0;z-index:20;background:rgba(8,11,20,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(160,177,211,.08)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#719dff,#aa8cff);color:#08101d;font-size:11px;font-weight:800;letter-spacing:-.06em}.nav-links{display:flex;align-items:center;gap:32px;font-size:12px;color:#bac4d5}.nav-links>a:not(.nav-cta){transition:color .2s}.nav-links>a:hover,.footer nav a:hover{color:var(--blue)}.nav-cta{padding:9px 14px;border:1px solid var(--line);border-radius:7px;color:#e8edfa}.nav-cta span{color:var(--blue);margin-left:9px}.menu-toggle{display:none}.hero{min-height:660px;position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;padding-top:52px;padding-bottom:100px}.hero-copy{position:relative;z-index:2;padding:40px 0 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;color:#91a4c5;margin:0 0 21px}.status-dot,.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#80d9b0;box-shadow:0 0 12px #80d9b077;margin-right:10px;vertical-align:1px}.hero h1{font:800 clamp(52px,7vw,82px)/1.04 var(--display);letter-spacing:-.075em;margin:0 0 19px}.hero h1 span{background:linear-gradient(100deg,#9ec1ff 8%,#a994ff 82%);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-role{font-size:16px;font-weight:600;color:#e0e6f2;margin:0 0 14px}.hero-role i{font-style:normal;color:#7384a3;padding:0 5px}.hero-intro{max-width:495px;color:var(--muted);font-size:14px;line-height:1.85;margin:0}.hero-actions{display:flex;gap:12px;margin-top:28px}.button{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:0 18px;border-radius:7px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:15px}.button-primary{background:linear-gradient(110deg,#88b1ff,#ae9bff);color:#09101d;box-shadow:0 8px 30px #7298ee27}.button-primary:hover{box-shadow:0 12px 34px #7298ee48}.button-secondary{border:1px solid #343e54;color:#e8edf8}.button-secondary:hover{border-color:#7f9fdb}.hero-links{display:flex;align-items:center;gap:18px;margin-top:35px;color:#aeb9ce;font-size:11px}.hero-links a{transition:color .2s}.hero-links a:hover{color:var(--blue)}.hero-links a span{color:var(--blue);margin-left:3px}.hero-links-line{height:1px;width:34px;background:#3c4960}.hero-visual{height:440px;position:relative;display:grid;place-items:center}.visual-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#6c74ff28 0%,#416ad21b 35%,transparent 72%);filter:blur(12px)}.visual-orbit{position:absolute;border:1px solid #8395cd1c;border-radius:50%;transform:rotate(-30deg)}.orbit-one{width:440px;height:235px}.orbit-two{width:510px;height:280px;transform:rotate(32deg);border-color:#7588c414}.visual-card{position:relative;width:min(390px,90%);padding:16px 17px 13px;border:1px solid #35405b;background:linear-gradient(145deg,#131b2c,#0c111e);border-radius:12px;box-shadow:0 28px 75px #0008,0 0 50px #6579df12;transform:rotate(-3deg);z-index:1}.visual-card-top{display:flex;justify-content:space-between;align-items:center;color:#77849d;font-size:9px;padding-bottom:14px;border-bottom:1px solid #ffffff10}.mini-dots{display:flex;gap:4px}.mini-dots i{width:6px;height:6px;border-radius:50%;background:#f48798}.mini-dots i:nth-child(2){background:#efc477}.mini-dots i:nth-child(3){background:#73d6ac}.code-lines{padding:17px 0 15px;color:#c2cce0;font:11px/2.1 'Consolas',monospace}.code-lines b{color:#596781;font-weight:400;margin-right:12px}.code-lines i{font-style:normal}.code-lines em{color:#80c4fa;font-style:normal}.code-lines strong{color:#b7a1ff;font-weight:500}.code-purple{color:#bb9dff}.code-blue{color:#7bbcff}.visual-card-footer{border-top:1px solid #ffffff10;padding-top:11px;color:#92a0b7;font-size:9px}.pulse{width:6px;height:6px;margin-right:7px}.float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #35405b;background:#111827;border-radius:9px;box-shadow:0 10px 25px #0005;color:#98a5bb;font-size:9px;line-height:1.5}.float-chip b{color:#e8edfa;font-weight:600}.chip-icon{display:grid;place-items:center;width:29px;height:29px;background:#689dff20;color:#91bbff;border-radius:7px;font-size:12px}.chip-icon.violet{color:#c4aaff;background:#ac8fff20;font-size:17px}.chip-top{right:10px;top:64px}.chip-bottom{left:3px;bottom:66px}.visual-caption{position:absolute;right:4px;bottom:4px;text-align:right;color:#8795ad;font:600 11px/1.8 var(--display)}.visual-caption span{color:#5f6c83}.scroll-cue{position:absolute;bottom:33px;left:0;display:flex;align-items:center;gap:11px;color:#69768f;font-size:9px;letter-spacing:.16em}.scroll-line{width:30px;height:1px;background:#718ab7}.section{padding-top:112px;padding-bottom:112px}.section-heading{margin-bottom:44px}.section-heading .eyebrow{margin-bottom:15px}.section-heading h2,.contact-copy h2{font:700 clamp(32px,4vw,48px)/1.2 var(--display);letter-spacing:-.06em;margin:0}.section-heading h2 span,.contact-copy h2 span{color:#94adf5}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-lead{font:600 23px/1.55 var(--display);letter-spacing:-.035em;margin:0;max-width:490px;color:#e4eaf6}.about-detail{max-width:475px;color:var(--muted);font-size:13px}.about-detail p{margin:0 0 16px}.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:8px;color:#a9c2ff;font-size:12px;font-weight:600}.text-link span{font-size:15px}.section-tinted{background:linear-gradient(180deg,#0c101b,#0a0e18)}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.skill-card{display:flex;align-items:center;gap:16px;padding:19px 21px;border:1px solid var(--line);border-radius:9px;background:#111725a8;transition:border-color .2s,transform .2s}.skill-card:hover{border-color:#718fc755;transform:translateY(-3px)}.skill-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:8px;background:#82a8ff12;color:#a2bdff;font:600 15px var(--display)}.skill-card h3{font:600 13px var(--display);margin:0 0 2px}.skill-card p{font-size:11px;color:var(--muted);margin:0}.skill-arrow{margin-left:auto;color:#66738c}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.project-card{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#0e1420;transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-4px);border-color:#718fc755}.project-art{height:205px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.art-vocal{background:radial-gradient(ellipse at 54% 58%,#604ec455,transparent 43%),linear-gradient(125deg,#111b31,#14142b 60%,#101829)}.waveform{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:95px;display:flex;gap:5px;align-items:center}.waveform i{width:3px;height:18px;background:linear-gradient(#a29cff,#6eb5ff);border-radius:9px;opacity:.85}.waveform i:nth-child(3n){height:40px}.waveform i:nth-child(4n){height:62px}.waveform i:nth-child(5n){height:28px}.waveform i:nth-child(7n){height:80px}.waveform i:nth-child(2n){opacity:.55}.art-orb{position:absolute;width:160px;height:160px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #a89cff32;border-radius:50%;box-shadow:0 0 50px #867dff20}.art-label{position:absolute;top:20px;left:22px;color:#92a1bc;font-size:9px;letter-spacing:.16em}.art-number{position:absolute;right:20px;bottom:13px;color:#63718b;font:500 11px var(--display)}.art-medi{background:radial-gradient(ellipse at 48% 53%,#3888a538,transparent 46%),linear-gradient(130deg,#101e2b,#11232b 58%,#101722)}.med-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:300 100px/1 var(--display);color:#91d4df;z-index:1;text-shadow:0 0 35px #70c8db66}.med-ring{position:absolute;width:140px;height:140px;border:1px solid #83d7de55;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 42px #52d1cb1e}.art-sql{background:radial-gradient(ellipse at 52% 54%,#526eab35,transparent 48%),linear-gradient(125deg,#111726,#111929)}.sql-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;padding:18px 22px;background:#0a101ccc;border:1px solid #344566;border-radius:7px;color:#b1c0d9;font:11px/1.8 'Consolas',monospace;box-shadow:0 15px 35px #0005}.sql-window span{color:#a990ff}.art-portal{background:radial-gradient(ellipse at 53% 55%,#5e8bd436,transparent 48%),linear-gradient(125deg,#141a2a,#131a29)}.portal-window{position:absolute;width:205px;height:124px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #65749b66;border-radius:7px;background:#0c1321d9;box-shadow:0 18px 40px #0005;padding:10px}.portal-window>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9daed0;margin-right:3px}.portal-content{height:80px;margin-top:9px;border-top:1px solid #ffffff16;display:flex;flex-direction:column;gap:7px;justify-content:center;padding-left:12px}.portal-content i{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#8ac9d4,#6e8cdd);margin-bottom:1px}.portal-content b{height:4px;width:100px;border-radius:5px;background:#8392ae55}.portal-content b:last-child{width:64px}.project-content{padding:19px 21px 22px}.project-meta{display:flex;align-items:center;justify-content:space-between}.project-type,.project-status{font-size:9px;letter-spacing:.12em;color:#8695af;font-weight:700}.project-status{display:inline-flex;align-items:center;gap:6px;text-transform:none;letter-spacing:0;font-weight:500;color:#adb9cc}.project-status i{width:5px;height:5px;border-radius:50%;background:#e0b86b;box-shadow:0 0 8px #e0b86b66}.project-content h3{font:700 19px var(--display);letter-spacing:-.035em;margin:10px 0 8px}.project-content>p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.project-content>p strong{color:#dce5f8;font-weight:600}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.project-tags span{padding:4px 8px;border:1px solid #ffffff12;border-radius:4px;color:#a4b0c5;font-size:9px}.project-note{margin-top:13px!important;padding-top:12px;border-top:1px solid #ffffff0d;font-size:11px!important}.design-work{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 29px;margin-top:17px;border:1px solid #36324f;border-radius:10px;background:linear-gradient(110deg,#161528,#101522 65%,#171529);overflow:hidden}.design-copy .eyebrow{font-size:9px;margin-bottom:6px;color:#b1a4d6}.design-copy h3{font:700 18px var(--display);margin:0 0 4px}.design-copy p:not(.eyebrow){font-size:11px;color:var(--muted);margin:0}.design-mark{position:relative;width:164px;height:73px;display:flex;align-items:center;justify-content:center;gap:11px;color:#dbc8ff;font:700 12px var(--display);letter-spacing:.2em}.design-mark i{height:1px;width:41px;background:#b69aff}.design-mark b{font-weight:400;font-size:20px}.design-tag{position:absolute;right:29px;bottom:9px;color:#7d7898;font-size:8px}.cert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cert-card{display:flex;align-items:center;gap:16px;min-height:85px;padding:16px 19px;border:1px solid var(--line);border-radius:8px;background:#1117258c;transition:border-color .2s}.cert-card:hover{border-color:#718fc755}.cert-index{align-self:flex-start;color:#7182a0;font:11px var(--display);padding-top:3px}.cert-org{font-size:8px;letter-spacing:.14em;font-weight:700;color:#91a3c2;margin:0 0 4px}.cert-card h3{font:600 13px/1.45 var(--display);margin:0}.cert-mark{margin-left:auto;color:#7084a8}.cert-award{border-color:#a990ff31;background:linear-gradient(110deg,#19172b,#111725)}.award-sub{color:#c4adff;font-size:10px;margin:4px 0 0}.award-star{margin-left:auto;color:#c4adff;font-size:22px}.education-card{display:flex;align-items:center;gap:30px;border:1px solid var(--line);border-radius:10px;padding:27px 30px;background:linear-gradient(115deg,#111725,#101522)}.education-date{width:72px;height:72px;flex:0 0 auto;border:1px solid #8eaaff30;background:#8eaaff0b;border-radius:9px;display:grid;place-content:center;text-align:center}.education-date span{font:700 19px var(--display);color:#aac1ff;line-height:1.2}.education-date small{font-size:7px;letter-spacing:.13em;color:#8998b4}.education-type{font-size:8px;letter-spacing:.15em;color:#8ca4cf;font-weight:700}.education-info h3{font:700 18px var(--display);letter-spacing:-.03em;margin:5px 0 4px}.education-info p{font-size:12px;color:var(--muted);margin:0}.education-symbol{margin-left:auto;color:#9b8bf5;font-size:28px}.contact-section{padding:100px 0;background:radial-gradient(ellipse at 14% 56%,#4b5cb21c,transparent 37%),linear-gradient(115deg,#0d1220,#0b0f1a 62%,#111126);border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b}.contact-wrap{display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:center}.contact-copy .eyebrow{margin-bottom:16px}.contact-copy h2{font-size:clamp(39px,5vw,58px)}.contact-copy>p:not(.eyebrow){max-width:415px;color:var(--muted);font-size:13px;margin:17px 0 23px}.contact-links{border-top:1px solid var(--line)}.contact-link{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line);transition:padding .2s}.contact-link:hover{padding-left:5px}.contact-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #7185ae38;border-radius:7px;color:#a9c2ff;font-size:15px}.contact-link>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.contact-link small{color:#8190a9;font-size:8px;letter-spacing:.14em}.contact-link b{font-size:11px;font-weight:500;color:#dbe3f2}.contact-arrow{margin-left:auto;color:#91a9df;font-size:16px}.footer{background:#080b14}.footer-main{display:grid;grid-template-columns:1.1fr 1.2fr 1.4fr;align-items:center;gap:20px;padding-top:30px;padding-bottom:28px}.footer-main>p{font-size:10px;color:#77849a;margin:0}.footer nav{display:flex;justify-content:flex-end;gap:19px;font-size:10px;color:#a4afc2}.footer-bottom{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0b;color:#6f7c93;font-size:9px}.footer-bottom a:hover{color:#b7caff}.skip-link{position:fixed;top:-50px;left:12px;z-index:100;padding:9px 12px;background:#fff;color:#111;border-radius:5px}.skip-link:focus{top:12px}.reveal{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}:focus-visible{outline:2px solid #a7c0ff;outline-offset:4px;border-radius:3px}
@media(max-width:900px){.nav-links{gap:20px}.hero{min-height:610px}.hero-visual{transform:scale(.9)}.contact-wrap{gap:50px}.about-grid{gap:45px}}
@media(max-width:700px){.wrap{width:min(var(--wrap),calc(100% - 38px))}.site-header{height:68px}.brand{font-size:12px}.menu-toggle{display:flex;width:40px;height:40px;border:1px solid var(--line);background:transparent;border-radius:7px;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:white}.menu-toggle span{height:1.5px;width:16px;background:#dce5f5;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.nav-links{display:none;position:absolute;top:67px;left:0;right:0;padding:17px 20px 22px;background:#0c111d;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links>a:not(.nav-cta){padding:11px 0;border-bottom:1px solid #ffffff0b}.nav-cta{margin-top:14px;text-align:center}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:43px;padding-bottom:90px;min-height:unset}.hero-copy{padding-top:0}.hero h1{font-size:clamp(49px,13vw,72px)}.hero-role{font-size:13px;line-height:1.7}.hero-intro{font-size:13px}.hero-visual{height:340px;margin-top:25px;transform:none}.visual-card{width:min(360px,86%)}.orbit-one{width:360px;height:200px}.orbit-two{width:400px;height:240px}.chip-top{right:0;top:25px}.chip-bottom{left:0;bottom:41px}.visual-caption{right:0;bottom:0}.scroll-cue{bottom:23px}.section{padding-top:77px;padding-bottom:78px}.section-heading{margin-bottom:31px}.section-heading h2{font-size:36px}.about-grid{grid-template-columns:1fr;gap:20px}.about-lead{font-size:20px}.skills-grid,.projects-grid,.cert-grid{grid-template-columns:1fr}.skill-card{padding:16px}.project-art{height:185px}.design-work{padding:22px;align-items:flex-start}.design-mark{width:110px;font-size:10px;letter-spacing:.1em;gap:6px}.design-mark i{width:20px}.design-tag{right:22px;bottom:7px}.education-card{padding:20px;gap:17px}.education-date{width:60px;height:60px}.education-info h3{font-size:15px}.education-info p{font-size:11px}.education-symbol{font-size:21px}.contact-section{padding:75px 0}.contact-wrap{grid-template-columns:1fr;gap:35px}.contact-copy h2{font-size:43px}.footer-main{grid-template-columns:1fr;gap:12px;padding-top:24px;padding-bottom:20px}.footer nav{justify-content:flex-start;flex-wrap:wrap;gap:17px}.footer-bottom{gap:9px;flex-wrap:wrap;padding:13px 0}.footer-bottom span:last-child{display:none}}
@media(max-width:390px){.wrap{width:calc(100% - 30px)}.hero-actions{gap:8px}.button{padding:0 12px;font-size:11px}.hero-links{gap:12px;font-size:10px}.project-content{padding:17px}.design-mark{display:none}.contact-link b{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Navy, blue, and violet opening hero */

.brand-mark{background:linear-gradient(135deg,#719dff,#aa8cff);color:#08101d}
.hero.hero-premium{display:grid;min-height:calc(100svh - 78px);padding:52px 0 56px;overflow:hidden;isolation:isolate;background:#080b14;grid-template-columns:1fr}
.hero-premium::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 83% 49%,rgba(143,183,255,.095),transparent 34%),radial-gradient(ellipse at 16% 95%,rgba(143,183,255,.035),transparent 38%)}
.hero-inner{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:44px;position:relative;z-index:1}
.hero-premium .hero-copy{padding:0;max-width:650px}
.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;margin:0 0 26px;border:1px solid rgba(143,183,255,.4);border-radius:999px;background:rgba(143,183,255,.055);color:#a9c7ff;font-size:9px;font-weight:700;letter-spacing:.16em}
.hero-badge span{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px rgba(143,183,255,.8)}
.hero-premium h1{font:800 clamp(48px,6.8vw,88px)/1.02 var(--display);letter-spacing:-.065em;margin:0 0 24px;color:#f4f1e9}
.hero-premium h1 span{display:inline-block;margin-top:7px;background:linear-gradient(100deg,#9ec1ff,#8fb7ff 68%,#a994ff);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero-premium .hero-role{color:#e0e6f2;font-size:clamp(14px,1.45vw,17px);font-weight:600;line-height:1.6;margin:0 0 13px}
.hero-premium .hero-role i{color:#7384a3}
.hero-premium .hero-intro{max-width:560px;color:#aaa79e;font-size:14px;line-height:1.9}
.hero-premium .hero-actions{margin-top:27px;gap:13px}
.hero-premium .button{min-height:48px;padding:0 20px;border-radius:6px;letter-spacing:.01em}
.hero-premium .button-primary{background:linear-gradient(120deg,#88b1ff,#ae9bff);color:#09101d;box-shadow:0 7px 27px rgba(143,183,255,.18)}
.hero-premium .button-primary:hover{box-shadow:0 9px 34px rgba(143,183,255,.32)}
.hero-premium .button-secondary{border-color:rgba(143,183,255,.48);color:#e8edf8;background:rgba(143,183,255,.035)}
.hero-premium .button-secondary:hover{border-color:var(--blue);background:rgba(143,183,255,.1)}
.hero-socials{display:flex;align-items:center;gap:14px;margin-top:30px}
.social-link{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(143,183,255,.43);border-radius:50%;background:rgba(143,183,255,.035);color:#a9c2ff;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}
.social-link svg{width:17px;height:17px;fill:currentColor}
.social-link:hover{transform:translateY(-3px);background:rgba(143,183,255,.13);border-color:var(--blue);box-shadow:0 0 18px rgba(143,183,255,.17)}
.hero-portrait{position:relative;justify-self:center;width:min(100%,450px);padding:12px}
.portrait-frame{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border:1px solid rgba(143,183,255,.75);border-radius:18px;background:linear-gradient(145deg,#141a2b,#090d17);box-shadow:0 0 0 1px rgba(143,183,255,.12),0 20px 70px rgba(143,183,255,.13),inset 0 0 36px rgba(143,183,255,.08)}
.portrait-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 68%,rgba(0,0,0,.28))}
.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.portrait-glint{position:absolute;width:76%;height:30px;left:12%;bottom:-1px;border-radius:50%;background:rgba(143,183,255,.25);filter:blur(30px);z-index:-1}
.hero-particles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-particles i{position:absolute;display:block;width:3px;height:3px;border-radius:50%;background:#a8bbff;opacity:.58;box-shadow:0 0 9px rgba(143,183,255,.75)}
.hero-particles i:nth-child(1){left:8%;top:19%}.hero-particles i:nth-child(2){left:33%;top:13%;width:2px;height:2px}.hero-particles i:nth-child(3){left:49%;top:76%}.hero-particles i:nth-child(4){left:68%;top:17%;width:2px;height:2px}.hero-particles i:nth-child(5){left:93%;top:28%}.hero-particles i:nth-child(6){left:18%;top:77%;width:2px;height:2px}.hero-particles i:nth-child(7){left:76%;top:84%}.hero-particles i:nth-child(8){left:57%;top:32%;width:2px;height:2px}.hero-particles i:nth-child(9){left:3%;top:56%}.hero-particles i:nth-child(10){left:88%;top:68%;width:2px;height:2px}.hero-particles i:nth-child(11){left:40%;top:91%}.hero-particles i:nth-child(12){left:97%;top:48%;width:2px;height:2px}
.hero-premium :focus-visible{outline-color:#88b1ff}
@media(max-width:900px){.hero.hero-premium{min-height:calc(100svh - 78px);padding:48px 0}.hero-inner{grid-template-columns:1fr .82fr;gap:22px}.hero-premium h1{font-size:clamp(47px,7vw,72px)}.hero-portrait{width:min(100%,390px);padding:9px}}
@media(max-width:700px){.hero.hero-premium{min-height:unset;padding:52px 0 64px;display:grid}.hero-inner{grid-template-columns:1fr;gap:35px}.hero-premium .hero-copy{max-width:100%}.hero-premium h1{font-size:clamp(45px,12vw,68px);margin-bottom:19px}.hero-badge{font-size:8px;padding:8px 11px;margin-bottom:21px}.hero-premium .hero-role{font-size:13px}.hero-premium .hero-intro{font-size:13px}.hero-premium .hero-actions{flex-wrap:wrap}.hero-socials{margin-top:25px;gap:12px}.social-link{width:42px;height:42px}.hero-portrait{width:min(82%,360px);padding:8px}.portrait-frame{aspect-ratio:4/4.8;border-radius:15px}}
@media(max-width:390px){.hero-premium h1{font-size:clamp(39px,11.6vw,54px)}.hero-badge{letter-spacing:.11em}.hero-premium .button{padding:0 14px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.social-link:hover,.hero-premium .button:hover{transform:none}}

/* Larger skill tiles and the new project artwork use the requested navy and blue-violet accents. */
.skills-section.section-tinted{background:linear-gradient(180deg,#080b14,#0c1018)}
.skills-section .section-heading h2 span{color:#8fb7ff}
.skills-section .section-subtitle{font-size:14px}
.skill-category{margin-top:34px}
.skill-category+.skill-category{margin-top:46px}
.skill-category-heading{display:flex;align-items:center;gap:15px;margin:0 0 17px}
.category-index{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(143,183,255,.3);border-radius:9px;background:rgba(143,183,255,.07);color:#8fb7ff;font:700 11px var(--display)}
.skill-category-heading h3{margin:0;color:#f1f0ea;font:700 clamp(19px,2.4vw,25px)/1.3 var(--display);letter-spacing:-.035em}
.skills-grid.programming-grid,.skills-grid.web-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.skills-section .skill-card{position:relative;min-width:0;min-height:154px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px 21px;border:1px solid rgba(143,183,255,.17);border-radius:11px;background:linear-gradient(145deg,rgba(17,23,37,.96),rgba(12,16,28,.98));transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.skills-section .skill-card:hover,.skills-section .skill-card:focus-within{transform:translateY(-4px);border-color:rgba(143,183,255,.68);box-shadow:0 12px 32px rgba(143,183,255,.1),inset 0 0 20px rgba(143,183,255,.025);background:linear-gradient(145deg,#131b2c,#0c111e)}
.skills-section .skill-card:focus-visible{outline:2px solid #8fb7ff;outline-offset:3px}
.skills-section .skill-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(143,183,255,.2);border-radius:10px;background:rgba(143,183,255,.075);color:#9ec1ff;font:700 16px var(--display);letter-spacing:-.04em}
.skills-section .icon-python{color:#9ec1ff;font-size:15px}.skills-section .icon-c{font-size:24px;font-weight:800}.skills-section .icon-java{font-size:21px}.skills-section .icon-canva{font:500 27px/1 Georgia,serif;border-radius:50%;border-color:rgba(143,183,255,.45)}
.skills-section .skill-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.skills-section .skill-card h4{margin:0;color:#f4f2ea;font:700 18px/1.35 var(--display);letter-spacing:-.025em}
.skills-section .icon-html{font:700 17px 'Consolas',monospace;letter-spacing:-.11em}
.skills-section .icon-css{font:800 25px var(--display)}
.skills-section .icon-js{font:800 15px 'Consolas',monospace;letter-spacing:-.08em}
.projects-grid .project-card:hover,.projects-grid .project-card:focus-within{border-color:rgba(143,183,255,.55);box-shadow:0 12px 32px rgba(143,183,255,.07)}
.art-news{background:radial-gradient(ellipse at 55% 57%,rgba(143,183,255,.13),transparent 48%),linear-gradient(125deg,#111b31,#14142b 60%,#10131a)}
.art-crop{background:radial-gradient(ellipse at 55% 58%,rgba(143,183,255,.16),transparent 48%),linear-gradient(125deg,#111b31,#14142b 60%,#101829)}
.project-visual-icon{position:absolute;width:113px;height:96px;left:50%;top:52%;transform:translate(-50%,-50%);fill:none;stroke:#8fb7ff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px rgba(143,183,255,.25))}
.art-news .project-visual-icon circle:first-of-type{fill:rgba(143,183,255,.13)}
.art-crop .project-visual-icon{stroke:#b5a0ff;filter:drop-shadow(0 0 10px rgba(143,183,255,.2))}
@media(max-width:900px){.skills-grid.programming-grid,.skills-grid.web-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-section .skill-card{min-height:145px}}
@media(max-width:700px){.skill-category{margin-top:28px}.skill-category+.skill-category{margin-top:36px}.skills-grid.programming-grid,.skills-grid.web-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.skills-section .skill-card{min-height:130px;padding:16px}.skills-section .skill-card h4{font-size:16px}.skills-section .section-heading h2{font-size:38px}}
@media(max-width:350px){.skills-grid.programming-grid,.skills-grid.web-grid{grid-template-columns:1fr}.skills-section .skill-card{min-height:118px}}
@media(prefers-reduced-motion:reduce){.skills-section .skill-card:hover,.skills-section .skill-card:focus-within{transform:none}}

/* Internships and professional learning */
.nav-links>a[aria-current="location"]{color:#8fb7ff}
.nav-links>a[aria-current="location"]:not(.nav-cta)::after{content:"";display:block;height:1px;margin-top:5px;background:linear-gradient(90deg,#8fb7ff,transparent)}
.internships-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 88% 15%,rgba(143,183,255,.065),transparent 32%),linear-gradient(180deg,#080b14,#0c101c)}
.internships-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.34;background-image:radial-gradient(circle at 10% 14%,rgba(143,183,255,.62) 0 1px,transparent 1.5px),radial-gradient(circle at 86% 25%,rgba(143,183,255,.5) 0 1px,transparent 1.5px),radial-gradient(circle at 26% 78%,rgba(143,183,255,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 88%,rgba(143,183,255,.4) 0 1px,transparent 1.5px);background-size:100% 100%}
.internships-section .section-heading h2 span{color:#8fb7ff}
.internships-section .section-subtitle{max-width:740px;font-size:14px;line-height:1.8}
.internships-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.internship-card{display:flex;min-width:0;min-height:258px;flex-direction:column;padding:21px 21px 18px;border:1px solid rgba(143,183,255,.2);border-radius:12px;background:linear-gradient(145deg,rgba(17,23,37,.96),rgba(12,16,28,.98));box-shadow:0 8px 26px rgba(0,0,0,.18);transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease,background .23s ease}
.internship-card:hover,.internship-card:focus-within{transform:translateY(-4px);border-color:rgba(143,183,255,.65);background:linear-gradient(145deg,#131b2c,#0c111e);box-shadow:0 14px 36px rgba(143,183,255,.1),0 10px 25px rgba(0,0,0,.26)}
.internship-card:focus-visible{outline:2px solid #8fb7ff;outline-offset:4px}
.internship-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}
.internship-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:1px solid rgba(143,183,255,.28);border-radius:12px;background:rgba(143,183,255,.075);color:#8fb7ff}
.internship-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.internship-category{max-width:68%;padding:5px 9px;border:1px solid rgba(143,183,255,.2);border-radius:999px;background:rgba(143,183,255,.04);color:#a9c2ff;font-size:9px;line-height:1.3;text-align:center;letter-spacing:.06em}
.internship-card h3{margin:0 0 7px;color:#f2f0e9;font:700 17px/1.4 var(--display);letter-spacing:-.025em}
.internship-provider{margin:0;color:#8fb7ff;font-size:12px;font-weight:600}
.internship-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:16px;border-top:1px solid rgba(143,183,255,.13)}
.internship-meta>span:first-child{padding:4px 8px;border-radius:5px;background:rgba(143,183,255,.08);color:#c4aaff;font-size:10px;font-weight:600}
.internship-status{color:#92949a;font-size:10px}
@media(max-width:960px){.internships-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.internships-grid{grid-template-columns:1fr;gap:13px}.internship-card{min-height:unset;padding:20px}.internship-card-top{margin-bottom:15px}.internship-card h3{font-size:17px}.internship-meta{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.internship-card:hover,.internship-card:focus-within{transform:none}}

/* Certificate cards */
.certificates-section{background:radial-gradient(ellipse at 88% 12%,rgba(143,183,255,.06),transparent 34%),linear-gradient(180deg,#080b14,#0c1018)}
.certificates-section .section-heading h2 span{color:#8fb7ff}
.certificates-section .section-subtitle{font-size:14px}
.certificates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch}
.certificate-card{display:flex;min-width:0;min-height:345px;flex-direction:column;padding:21px;border:1px solid rgba(143,183,255,.2);border-radius:12px;background:linear-gradient(145deg,rgba(17,23,37,.97),rgba(12,16,28,.99));box-shadow:0 8px 26px rgba(0,0,0,.2);transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease,background .23s ease}
.certificate-card:hover{transform:translateY(-4px);border-color:rgba(143,183,255,.68);background:linear-gradient(145deg,#131b2c,#0c111e);box-shadow:0 14px 36px rgba(143,183,255,.1),0 10px 25px rgba(0,0,0,.25)}
.certificate-card:focus-within{border-color:rgba(143,183,255,.68);box-shadow:0 0 0 2px rgba(143,183,255,.16),0 12px 30px rgba(0,0,0,.24)}
.certificate-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}
.certificate-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:1px solid rgba(143,183,255,.3);border-radius:12px;background:rgba(143,183,255,.075);color:#8fb7ff}
.certificate-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.certificate-complete,.certificate-award-badge{padding:6px 9px;border:1px solid rgba(143,183,255,.28);border-radius:999px;background:rgba(143,183,255,.08);color:#b5a0ff;font-size:9px;font-weight:800;letter-spacing:.1em;white-space:nowrap}
.certificate-complete{color:#9ec1ff}
.certificate-card h3{margin:0 0 9px;color:#f4f2ea;font:700 20px/1.38 var(--display);letter-spacing:-.035em}
.certificate-issuer{margin:0;color:#8fb7ff;font-size:13px;font-weight:600}
.certificate-action{margin-top:auto;padding-top:22px}
.certificate-button{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;padding:10px 14px;border:0;border-radius:7px;background:linear-gradient(110deg,#88b1ff,#ae9bff);color:#09101d;font:700 12px var(--font);box-shadow:0 7px 24px rgba(143,183,255,.12);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.certificate-button:not(:disabled){cursor:pointer}
.certificate-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(143,183,255,.24);filter:brightness(1.04)}
.certificate-button:disabled{cursor:not-allowed;filter:saturate(.8);box-shadow:none}
.certificate-button:focus-visible{outline:2px solid #a7c0ff;outline-offset:3px}
.certificate-link-note{margin:8px 0 0;color:#a6a4a0;font-size:10px;line-height:1.4;text-align:center}
@media(max-width:960px){.certificates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.certificates-grid{grid-template-columns:1fr;gap:13px}.certificate-card{min-height:310px;padding:20px}.certificate-card h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.certificate-card:hover,.certificate-button:not(:disabled):hover{transform:none}}

/* One shared navy-blue accent for navigation and existing portfolio highlights. */
:root{--accent:#5b8ef0;--blue:var(--accent);--blue2:var(--accent);--violet:var(--accent);--line:color-mix(in srgb,var(--accent) 13%,transparent)}
.brand-mark{background:var(--accent);color:#08101d}
.nav-links>a:hover,.footer nav a:hover,.nav-links>a[aria-current="location"],.nav-cta span,.hero-links a:hover,.hero-links a span{color:var(--accent)}
.nav-links>a[aria-current="location"]:not(.nav-cta)::after{background:linear-gradient(90deg,var(--accent),transparent)}
.nav-cta{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}
.hero h1 span,.hero-premium h1 span,.section-heading h2 span,.contact-copy h2 span{background-image:linear-gradient(100deg,var(--accent),var(--accent));color:var(--accent);-webkit-background-clip:text;background-clip:text}
.hero-premium::before{background:radial-gradient(ellipse at 83% 49%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 34%),radial-gradient(ellipse at 16% 95%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 38%)}
.hero-badge{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--accent)}
.hero-badge span,.hero-particles i{background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}
.hero-premium .button-primary,.button-primary{background:var(--accent);color:#11100a;box-shadow:0 8px 28px color-mix(in srgb,var(--accent) 17%,transparent)}
.hero-premium .button-primary:hover,.button-primary:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 28%,transparent)}
.hero-premium .button-secondary,.button-secondary{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent)}
.hero-premium .button-secondary:hover,.button-secondary:hover{border-color:var(--accent)}
.hero-socials .social-link{border-color:color-mix(in srgb,var(--accent) 43%,transparent);color:var(--accent)}
.hero-socials .social-link:hover{background:color-mix(in srgb,var(--accent) 13%,transparent);border-color:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 22%,transparent)}
.portrait-frame{border-color:color-mix(in srgb,var(--accent) 72%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent),0 20px 70px color-mix(in srgb,var(--accent) 14%,transparent),inset 0 0 36px color-mix(in srgb,var(--accent) 8%,transparent)}
.portrait-glint{background:color-mix(in srgb,var(--accent) 30%,transparent)}
.hero-premium :focus-visible,:focus-visible{outline-color:var(--accent)}
.skills-section .section-heading h2 span,.internships-section .section-heading h2 span,.certificates-section .section-heading h2 span{color:var(--accent)}
.category-index,.skills-section .skill-card,.skills-section .skill-icon,.internship-card,.internship-icon,.internship-category,.certificate-card,.certificate-icon,.certificate-complete,.certificate-award-badge{border-color:color-mix(in srgb,var(--accent) 25%,transparent)}
.category-index,.skills-section .skill-icon,.internship-icon,.certificate-icon{background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--accent)}
.category-index,.internship-provider,.certificate-issuer,.certificate-complete{color:var(--accent)}
.skills-section .skill-card:hover,.internship-card:hover,.certificate-card:hover{border-color:color-mix(in srgb,var(--accent) 68%,transparent);box-shadow:0 14px 36px color-mix(in srgb,var(--accent) 10%,transparent),0 10px 25px rgba(0,0,0,.25)}
.skills-section .skill-card:focus-visible,.internship-card:focus-visible,.certificate-button:focus-visible{outline-color:var(--accent)}
.skills-section .icon-python,.skills-section .icon-canva{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.internship-category,.internship-meta>span:first-child{background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--accent)}
.internships-section{background:radial-gradient(ellipse at 88% 15%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 32%),linear-gradient(180deg,#080b14,#0c101c)}
.internships-section::before{background-image:radial-gradient(circle at 10% 14%,color-mix(in srgb,var(--accent) 60%,transparent) 0 1px,transparent 1.5px),radial-gradient(circle at 86% 25%,color-mix(in srgb,var(--accent) 50%,transparent) 0 1px,transparent 1.5px),radial-gradient(circle at 26% 78%,color-mix(in srgb,var(--accent) 45%,transparent) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 88%,color-mix(in srgb,var(--accent) 40%,transparent) 0 1px,transparent 1.5px)}
.internship-card{background:linear-gradient(145deg,#111725,#0c101c)}
.internship-card:hover{background:linear-gradient(145deg,#131b2c,#0c111e)}
.internship-meta{border-color:color-mix(in srgb,var(--accent) 14%,transparent)}
.internship-meta>span:first-child{color:var(--accent)}
.projects-grid .project-card:hover,.projects-grid .project-card:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 8%,transparent)}
.art-news{background:radial-gradient(ellipse at 55% 57%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 48%),linear-gradient(125deg,#111b31,#14142b 60%,#101829)}
.art-crop{background:radial-gradient(ellipse at 55% 58%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 48%),linear-gradient(125deg,#111b31,#14142b 60%,#101829)}
.project-visual-icon,.art-crop .project-visual-icon{stroke:var(--accent);filter:drop-shadow(0 0 9px color-mix(in srgb,var(--accent) 25%,transparent))}
.art-news .project-visual-icon circle:first-of-type{fill:color-mix(in srgb,var(--accent) 13%,transparent)}
.certificates-section{background:radial-gradient(ellipse at 88% 12%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 34%),linear-gradient(180deg,#080b14,#0c1018)}
.certificate-card{background:linear-gradient(145deg,#111725,#0c101c)}
.certificate-card:hover{background:linear-gradient(145deg,#131b2c,#0c111e)}
.certificate-complete,.certificate-award-badge{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent)}
.certificate-button{background:var(--accent);color:#11100a;box-shadow:0 7px 24px color-mix(in srgb,var(--accent) 14%,transparent)}
.certificate-button:not(:disabled):hover{box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 25%,transparent)}
.contact-icon,.education-date{border-color:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--accent)}
.education-date{background:color-mix(in srgb,var(--accent) 5%,transparent)}
.education-date span,.education-type,.education-symbol{color:var(--accent)}
.hero-premium .button-primary:hover,.button-primary:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 28%,transparent)}
.certificate-button:focus-visible{outline-color:var(--accent)}
.chip-icon,.chip-icon.violet{background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent)}
.code-lines em,.code-lines strong,.code-purple,.code-blue{color:var(--accent)}
.status-dot,.pulse,.project-status i{background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 48%,transparent)}
.scroll-line{background:var(--accent)}
.skill-arrow,.cert-mark,.award-star{color:var(--accent)}
.waveform i{background:linear-gradient(var(--accent),var(--accent))}
.art-orb{border-color:color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:0 0 50px color-mix(in srgb,var(--accent) 12%,transparent)}
.med-cross{color:var(--accent);text-shadow:0 0 35px color-mix(in srgb,var(--accent) 30%,transparent)}
.med-ring{border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 0 42px color-mix(in srgb,var(--accent) 12%,transparent)}
.sql-window span{color:var(--accent)}
.portal-content i{background:linear-gradient(135deg,var(--accent),var(--accent))}
.design-mark{color:var(--accent)}
.design-mark i{background:var(--accent)}
.text-link{color:var(--accent)}
.visual-glow{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 16%,transparent) 0%,color-mix(in srgb,var(--accent) 8%,transparent) 35%,transparent 72%)}
.visual-orbit{border-color:color-mix(in srgb,var(--accent) 12%,transparent)}
.orbit-two{border-color:color-mix(in srgb,var(--accent) 8%,transparent)}
.art-vocal{background:radial-gradient(ellipse at 54% 58%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 43%),linear-gradient(125deg,#111b31,#14142b 60%,#101829)}
.art-medi{background:radial-gradient(ellipse at 48% 53%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 46%),linear-gradient(130deg,#101e2b,#11232b 58%,#101722)}
.art-sql{background:radial-gradient(ellipse at 52% 54%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 48%),linear-gradient(125deg,#111726,#111929)}
.art-portal{background:radial-gradient(ellipse at 53% 55%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 48%),linear-gradient(125deg,#141a2a,#131a29)}