/* Glassmorphism and motion layer */
:root{--chat--color-primary:#9b4be3;--chat--color-primary-shade-50:#7430bc;--chat--color-primary-tint-50:#b877f1;--chat--color-secondary:#d9b9ff;--chat--window--background:rgba(18,10,34,.92);--chat--header--background:#7f38c7;--chat--header--color:#fff;--chat--message--bot--background:rgba(255,255,255,.10);--chat--message--bot--color:#f7f0ff;--chat--message--user--background:#8e42d5;--chat--toggle--background:#a855f7;--chat--toggle--hover--background:#bd78fa;--chat--toggle--color:#fff;--chat--border-radius:14px}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-2}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.5;animation:float 16s ease-in-out infinite}.orb-a{width:14px;height:14px;left:8%;top:25%;background:#d6ff7b;box-shadow:0 0 25px 8px #d6ff7b66}.orb-b{width:9px;height:9px;right:10%;top:36%;background:#f887cc;box-shadow:0 0 22px 8px #f887cc55;animation-delay:-6s}.orb-c{width:18px;height:18px;left:42%;bottom:15%;background:#a76bff;box-shadow:0 0 34px 10px #a76bff55;animation-delay:-11s}.plus{position:absolute;font:300 28px 'DM Mono';color:#c98dff4d;animation:spin-drift 22s linear infinite}.plus-a{top:17%;right:17%}.plus-b{bottom:22%;left:12%;font-size:19px;animation-delay:-10s}.diamond{position:absolute;width:10px;height:10px;border:1px solid #d5a1ff70;transform:rotate(45deg);animation:drift 19s ease-in-out infinite}.diamond-a{left:31%;top:12%}.diamond-b{right:26%;bottom:18%;animation-delay:-8s}@keyframes float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(35px,-65px,0)}}@keyframes spin-drift{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(45px,80px) rotate(180deg)}100%{transform:translate(0,0) rotate(360deg)}}@keyframes drift{0%,100%{translate:0 0}50%{translate:-50px 50px}}
.nav{background:rgba(11,7,23,.62);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:0}.skill-grid article,.dashboard,.project-visual,.learn,.floating-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.skill-grid article{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))}.skill-grid article.featured{background:linear-gradient(140deg,rgba(139,63,216,.28),rgba(30,15,52,.55))}.project-visual{border:1px solid rgba(255,255,255,.05)}.learn{background:radial-gradient(circle at 78% 45%,rgba(109,49,172,.72),transparent 32%),linear-gradient(120deg,rgba(34,20,56,.82),rgba(13,8,26,.72));backdrop-filter:blur(18px)}.contact form{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:26px;backdrop-filter:blur(15px)}.dashboard{border:1px solid rgba(255,255,255,.6)}.project{transition:transform .25s ease}.project:hover{transform:translateY(-7px)}.skill-grid article{transition:transform .25s ease,border-color .25s ease}.skill-grid article:hover{transform:translateY(-5px);border-color:rgba(210,155,255,.55)}
@media(max-width:760px){.ambient{opacity:.65}.contact form{padding:20px}}
.random-shape{position:fixed;pointer-events:none;z-index:-1;opacity:0;animation:appear-drift var(--duration,9s) ease-in-out forwards}.random-shape.circle{border-radius:50%;background:radial-gradient(circle at 30% 30%,#f4caff,#8b3ad455 65%,transparent 70%);box-shadow:0 0 24px #a855f755}.random-shape.ring{border-radius:50%;border:1px solid #c99cff70;box-shadow:0 0 20px #a855f733}.random-shape.square{border:1px solid #d6ff7b80;background:#d6ff7b12;transform:rotate(45deg)}.random-shape.cross{color:#f19ccc99;font:300 26px 'DM Mono'}@keyframes appear-drift{0%{opacity:0;transform:translate3d(0,20px,0) scale(.6) rotate(0deg)}16%{opacity:.78}78%{opacity:.5}100%{opacity:0;transform:translate3d(var(--move-x,30px),var(--move-y,-95px),0) scale(1.15) rotate(150deg)}}