@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap";
:root{--background-color:#0c0c0e;--surface-color:#1a1a1eb3;--border-color:#ffffff1a;--text-color:#f0f0f0;--subtle-text-color:#a0a0a0;--accent-color-1:#007bff;--accent-color-2:#8a2be2;--chatbot-accent-color:#007aff}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--background-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";filter:blur(60px);z-index:-2;background:radial-gradient(circle at 10% 20%,#007bff26,#0000 40%),radial-gradient(circle at 80% 90%,#8a2be226,#0000 40%);width:100%;height:100%;animation:20s linear infinite aurora;position:fixed;top:0;left:0}@keyframes aurora{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.container{max-width:1100px;margin:0 auto;padding:120px 20px 60px}.gradient-text{background:linear-gradient(90deg,var(--accent-color-1),var(--accent-color-2),var(--accent-color-1));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:7s infinite gradient-flow}@keyframes gradient-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;display:grid}.card{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);color:inherit;border-radius:16px;flex-direction:column;padding:30px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.card:hover{border-color:var(--accent-color-1);background:#ffffff0d;transform:translateY(-8px);box-shadow:0 10px 30px #0000004d}.card h3,.card h4{color:#fff;margin:0 0 10px;font-weight:700}.card p{color:var(--subtle-text-color);margin:0;font-size:.95rem}.role-pill{transition:all .3s}.role-pill:hover{border-color:var(--accent-color-1)!important;color:#fff!important;background:#007bff33!important}.avatar-fixed-trigger{z-index:1001;cursor:pointer;align-items:center;gap:15px;display:flex;position:fixed;bottom:30px;right:30px}.avatar-container{border:2px solid var(--border-color);background:var(--background-color);border-radius:50%;width:70px;height:70px;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.avatar-image{object-fit:cover;width:100%;height:100%;transition:opacity .4s ease-in-out;position:absolute;top:0;left:0}.avatar-top{opacity:1}.avatar-container:hover .avatar-top{opacity:0}.chat-window{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);z-index:1000;background:#0c0c0ee6;border-radius:20px;flex-direction:column;width:400px;max-width:90vw;height:600px;max-height:80vh;display:flex;position:fixed;bottom:110px;right:30px;overflow:hidden;box-shadow:0 20px 60px #0009}.chat-header{border-bottom:1px solid var(--border-color);background:#ffffff08;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.chat-message{border-radius:18px;max-width:85%;padding:12px 16px;font-size:.95rem;line-height:1.5}.chat-message.bot{color:var(--text-color);background:#2a2a2e;border-bottom-left-radius:4px;align-self:flex-start}.chat-message.user{background:var(--chatbot-accent-color);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-input-area{border-top:1px solid var(--border-color);background:#0003;align-items:center;gap:10px;padding:15px 20px;display:flex}.chat-input-area input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.chat-btn{color:var(--subtle-text-color);cursor:pointer;background:0 0;border:none;padding:5px;font-size:1.2rem;transition:color .3s}.chat-btn:hover{color:#fff}.blinking-cursor{background:var(--accent-color-1);width:8px;height:15px;margin-left:5px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.project-link{align-items:center;gap:8px;margin-top:auto;font-weight:600;display:inline-flex}@media (max-width:768px){.container{padding:100px 15px 40px}h1{fontSize:3rem!important}.chat-window{border-radius:0;width:100%;height:100%;bottom:0;right:0}}