:root{--background:linear-gradient(135deg, #fff, #f8fbff, #eef2ff);--foreground:#171717;--card-bg:#ffffffa6;--card-shadow:0 8px 25px #0000000d;--transition-speed:.3s}html[data-theme=dark]{--background:linear-gradient(135deg, #0a0a0a, #121212, #1e1e1e);--foreground:#ededed;--card-bg:#141414b3;--card-shadow:0 8px 25px #ffffff0d}:root{--bubble-bg-user:linear-gradient(135deg, #a000ff, #d88bff);--bubble-text-user:#fff;--bubble-bg-bot:#ffffffb3;--bubble-text-bot:#111}html[data-theme=dark]{--bubble-bg-user:linear-gradient(135deg, #a000ff, #d88bff);--bubble-text-user:#fff;--bubble-bg-bot:#232323e6;--bubble-text-bot:#fff}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-text{background:linear-gradient(90deg,#b84cff,#fff,#ae00ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-section{text-align:left;border-radius:12px}@media (max-width:768px){.hero-section{text-align:center;padding:3rem 1rem;align-items:center!important}}.neon-wrapper{display:inline-block;position:relative}.neon-border{filter:blur(6px);opacity:.8;z-index:-1;background:linear-gradient(135deg,#febef1,#cc9ef9,#b000ff);border:2px solid #0000;border-radius:16px;position:absolute;inset:-2px}html,body{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-geist-sans,Arial, Helvetica, sans-serif);transition:background var(--transition-speed) ease, color var(--transition-speed) ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.section{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--card-shadow);border-radius:20px;transition:transform .3s,box-shadow .3s}.section:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}h5{color:#6f7df9}.social-icon{color:#6f7df9;transition:filter .3s}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}
.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fff6;border-radius:30px}html[data-theme=dark] .navbar{background:#19191999;box-shadow:0 4px 25px #ffffff0d}.nav-link{color:#6f7df9;text-shadow:#d8d8d8;font-size:1.05rem;transition:color .3s}.nav-link:hover{color:#9ca5f7}.navbar-toggler i{color:var(--foreground)}.navbar .btn{border-radius:50px;margin-left:5px;padding:4px 10px;font-size:.9rem}.navbar .btn:hover{transition:transform .2s;transform:scale(1.05)}.navbar .btn.btn-outline-secondary.btn-sm{padding:4px 10px;line-height:1.2}.navbar-toggler svg{color:#9ca5f7;transition:color .3s}.navbar-toggler:hover svg{color:#9ca5f7}.nav-icon{vertical-align:middle;color:#9ca5f7}
.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:0 0;border:1px solid #ffffff1a;border-radius:10px;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #0003}.card-body{border-style:none;border-radius:10px;margin:auto;box-shadow:0 10px 30px #0003}.cards{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;background-color:#ffffff26;border-radius:15px;transition:transform .5s;position:relative;overflow:hidden;box-shadow:0 8px 16px #0003}.fullscreen-overlay-wrapper{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background-color:#000000bf;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0;box-shadow:0 10px 30px #0003}.overlay-panel-centered{background-blend-mode:overlay;border-radius:20px;flex-direction:column;justify-content:center;width:90%;max-width:800px;min-height:500px;animation:.4s forwards slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #0009}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card{border-radius:10px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.project-card:hover{transform:scale(1.02)}.hover-overlay{opacity:0;background:#000000a6;width:100%;height:100%;transition:opacity .4s ease-in-out;position:absolute;top:0;left:0}.project-card:hover .hover-overlay{opacity:1}.services-section{background:linear-gradient(135deg,#dad2fd,#c3daff,#d3d3d3);border-radius:15px;padding:60px 0}.service-card{background:#fff;border-radius:15px;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #a2c6ff33}.service-icon{font-size:2.5rem}.gradient-box{color:#fff;background:linear-gradient(135deg,#c3e0f7,#fcd2c2,#e0ccf9);flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;height:400px;padding:1.25rem;display:flex;box-shadow:0 10px 30px #0003}.media{text-align:center;object-fit:contain;border-style:none;border-radius:10px;max-width:300px;min-height:200px;margin:auto;transition:transform .1s ease-in-out;box-shadow:.1rem .1rem .8rem #0f0f0f}.avatar{vertical-align:middle;object-fit:contain;border:1px solid #230554;border-radius:50%;max-width:130px;min-height:130px}.small-avatar{vertical-align:middle;object-fit:contain;border:1px solid #000;max-width:50px;min-height:50px}.image{object-fit:contain;border-radius:10px;min-height:100px;margin:auto}.img{border-radius:10px;min-width:250px;min-height:200px;margin:auto;box-shadow:.1rem .1rem .8rem #1a1919}.imgs{border-radius:10px;min-width:250px;min-height:200px;margin:auto}img{border-radius:10px;max-width:250px;min-height:300px;margin:auto}.card:hover,.avatar:hover{transform:scale(1.07)}.list-group{object-fit:contain;background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom-style:none;border-radius:10px}.list-group-item{border-style:none}
.btn-gradient{background:linear-gradient(90deg,#b09ffb,#a2c6ff,#d3d3d3);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;border:2px solid #cfd9ee;border-radius:25px;transition:all .3s}.btn-text-gradient:hover{background:linear-gradient(90deg,#a2c6ff,#b09ffb);box-shadow:0 0 12px #b49ffb4d}.btn-thin{border-radius:30px}.hr{color:#a2c6ff}hr{border-color:#bcdafc;animation:1.2s infinite pulsate}