@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6c757d;--accent-primary: #2563eb;--accent-secondary: #3b82f6;--accent-tertiary: #60a5fa;--accent-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--border: rgba(0, 0, 0, .08);--glow: rgba(37, 99, 235, .4)}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1e1e1e;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-tertiary: #a0a0a0;--accent-primary: #3b82f6;--accent-secondary: #60a5fa;--accent-tertiary: #93c5fd;--accent-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--border: rgba(255, 255, 255, .1);--glow: rgba(59, 130, 246, .5)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-y:overlay}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}.glass{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border)}[data-theme=light] .glass{background:#fffc}::-webkit-scrollbar{display:none}html{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{min-height:100vh;padding:4rem 0;position:relative}#home{scroll-margin-top:0}#about,#skills{scroll-margin-top:80px}#projects,#contact{scroll-margin-top:40px}@media(max-width:768px){.container{padding:0 1.5rem}.section{padding:4rem 0;min-height:auto}}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{padding:.875rem 2rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;font-family:Inter,sans-serif}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px var(--glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--glow)}.btn-secondary{background:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary)}.btn-secondary:hover{background:var(--accent-primary);color:#fff;transform:translateY(-2px)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:1rem;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light] .card{background:#fffffff2;border:1px solid rgba(0,0,0,.12);box-shadow:0 2px 8px #00000014}[data-theme=light] .card:hover{box-shadow:0 8px 24px #0000001f;border-color:#2563eb4d}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent-gradient);opacity:0;transition:opacity .3s ease;z-index:0}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--accent-primary)}.card:hover:before{opacity:.05}.card>*{position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float{animation:float 6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.3}p{font-size:clamp(1rem,2vw,1.125rem);line-height:1.7;color:var(--text-secondary)}code{font-family:Fira Code,monospace;padding:.2rem .4rem;background:var(--bg-tertiary);border-radius:.25rem;font-size:.9em}.toast-notification{position:fixed;bottom:2rem;left:0;right:0;margin:0 auto;width:fit-content;max-width:90vw;padding:1rem 2rem;border-radius:1rem;box-shadow:0 8px 32px #3b82f64d;z-index:10000;font-weight:500;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none;text-align:center}[data-theme=light] .toast-notification{background:#ffffffe6}[data-theme=dark] .toast-notification{background:#141414e6}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:all .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:100%;padding:0 2rem}.logo-link{text-decoration:none;display:flex;align-items:center}.logo{font-size:1.75rem;font-weight:800;cursor:pointer;letter-spacing:-.5px}.nav{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width .3s ease}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.theme-toggle{background:var(--bg-tertiary);border:2px solid var(--border);width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover{border-color:var(--accent-primary);box-shadow:0 0 20px var(--glow)}.header-right{display:flex;align-items:center;gap:2rem}.nav-controls{display:flex;align-items:center;gap:1rem}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger span{width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media(max-width:900px){.hamburger{display:flex}.nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;transition:right .3s ease-in-out;z-index:1000;padding:2rem}.nav.active{right:0;box-shadow:-5px 0 15px #0000001a}.nav-link{font-size:1.5rem;font-weight:600}}@media(max-width:480px){.logo{font-size:1.5rem}}.footer{background:var(--bg-tertiary);border-top:1px solid var(--border);padding:4rem 0 2rem}.footer-content{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;margin-bottom:3rem}.footer-logo{font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin-bottom:1rem;text-decoration:none;display:inline-block}.footer-tagline{color:var(--text-secondary);max-width:400px;margin-top:.5rem}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.footer-section h4{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.footer-section a{display:block;color:var(--text-secondary);text-decoration:none;margin-bottom:.75rem;transition:color .3s ease,transform .3s ease;width:fit-content}.footer-section a:hover{color:var(--accent-primary);transform:translate(5px)}.footer-info-text{display:block;color:var(--text-secondary);margin-bottom:.75rem;width:fit-content}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border);text-align:center;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{color:var(--text-tertiary);font-size:.95rem}.footer-love{display:flex;align-items:center;gap:.5rem}.heart{display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:repeat(2,1fr);gap:2rem}.footer-bottom{flex-direction:column;text-align:center}}@media(max-width:480px){.footer-links{grid-template-columns:1fr;gap:1.5rem}}.hero{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:8rem}.hero-content{text-align:center;max-width:800px;position:relative;z-index:2}.hero-label{display:inline-block;font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-secondary)}.wave{display:inline-block;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}}.hero h1{margin-bottom:1.5rem}.hero-subtitle{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;color:var(--text-primary);margin-bottom:1rem}.hero-description{font-size:clamp(1rem,2vw,1.25rem);max-width:600px;margin:0 auto 2.5rem}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-shape{position:absolute;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;filter:blur(60px);opacity:.3}.shape-1{width:400px;height:400px;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);top:10%;right:10%}.shape-2{width:350px;height:350px;background:linear-gradient(135deg,#06b6d4,#0ea5e9,#38bdf8);bottom:15%;left:5%}.shape-3{width:300px;height:300px;background:linear-gradient(135deg,#14b8a6,#06b6d4,#0ea5e9);top:40%;left:15%}@media(max-width:768px){.hero{padding-top:6rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:300px}.floating-shape{filter:blur(40px)}.shape-1{width:250px;height:250px}.shape-2{width:200px;height:200px}.shape-3{width:180px;height:180px}}.safari-static{animation:none!important;transform:none!important;transition:none!important;will-change:auto!important}.floating-shape:not(.safari-static){will-change:transform}.about{background:var(--bg-secondary);position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{margin-bottom:1rem}.section-underline{width:80px;height:4px;background:var(--accent-gradient);margin:0 auto;border-radius:2px}.about-content{max-width:1000px;margin:0 auto}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.about-text p{margin-bottom:1.5rem;font-size:1.125rem;line-height:1.8}.about-stats{display:flex;flex-direction:column;gap:1.5rem}.stat-card{position:relative;text-align:center;padding:1.5rem;overflow:visible;transition:all .3s ease}.stat-card:before{content:"";position:absolute;inset:0;background:var(--accent-gradient);opacity:0;border-radius:1rem;transition:opacity .3s ease;z-index:0}.stat-card.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--accent-primary)!important}[data-theme=light] .stat-card.card:hover{border-color:var(--accent-primary)!important;box-shadow:var(--shadow-xl)}.stat-card>*{position:relative;z-index:1}.stat-number{font-size:3rem;font-weight:800;margin-bottom:.5rem;line-height:1}.stat-label{font-size:1rem;color:var(--text-secondary);font-weight:500}.stat-loader{width:40px;height:40px;border:4px solid var(--bg-tertiary);border-top:4px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto .5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.about-grid{grid-template-columns:1fr;gap:2rem}.about-stats{flex-direction:row;overflow-x:auto;gap:1rem;justify-content:center;padding-bottom:1rem}.stat-card{min-width:150px}.stat-number{font-size:2.5rem}}.skills{position:relative}.skills-content{max-width:1000px;margin:0 auto}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.skill-card{padding:1.75rem;transition:all .3s ease,transform .2s ease}.skill-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.skill-icon{font-size:2rem;filter:grayscale(.3);transition:filter .3s ease}.skill-card:hover .skill-icon{filter:grayscale(0)}.skill-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.skill-bar-container{background:var(--bg-tertiary);border-radius:100px;height:12px;overflow:hidden;position:relative}.skill-bar{background:var(--accent-gradient);height:100%;border-radius:100px;position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem;box-shadow:0 0 10px var(--glow)}.skill-percentage{font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media(max-width:768px){.skills-grid{grid-template-columns:1fr;gap:1.5rem}.skill-card{padding:1.5rem}}.projects{position:relative;background:var(--bg-secondary)}.projects-content{max-width:1100px;margin:0 auto}.projects .section-header{margin-bottom:2rem}.section-subtitle{margin-top:1rem;margin-bottom:0;font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin-left:auto;margin-right:auto}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.5rem}@media(max-width:1024px){.projects-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}}.project-card{overflow:visible;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;position:relative;transition:all .3s ease,transform .2s ease}.project-card:before{content:"";position:absolute;inset:0;background:var(--accent-gradient);opacity:0;border-radius:1rem;transition:opacity .3s ease;z-index:0}.project-card:hover:before{opacity:.05}.project-card>*{position:relative;z-index:1}.project-avatar{width:90px;height:90px;border-radius:50%;overflow:hidden;margin-bottom:1rem;border:3px solid var(--accent-primary);box-shadow:0 0 20px var(--glow),0 8px 16px #0000001a;transition:all .3s ease;background:var(--bg-tertiary)}.project-card:hover .project-avatar{transform:scale(1.1);box-shadow:0 0 30px var(--glow),0 12px 24px #00000026;border-color:var(--accent-secondary)}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient)}.avatar-icon{font-size:3.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.project-info{flex:1;display:flex;flex-direction:column;width:100%}.project-info h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.project-info p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;flex:1;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card-buttons{display:flex;gap:.5rem;justify-content:center;margin-top:auto;width:100%}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.project-link{display:inline-block;color:var(--accent-primary);text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease}.project-link:hover{color:var(--accent-secondary);transform:translate(5px)}.project-link-placeholder{color:var(--text-tertiary);font-size:.9rem;font-style:italic;padding:.5rem;background:var(--bg-tertiary);border-radius:.5rem}.view-more-section{margin-top:2rem;text-align:center}.view-more-section .btn{min-width:200px;margin:0 .5rem}.btn{text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;text-align:center}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;gap:2rem}.project-avatar{width:100px;height:100px}.avatar-icon{font-size:3rem}.view-more-section .btn{display:block;margin:1rem auto;width:100%;max-width:300px}}.contact-section{background:var(--bg-secondary);position:relative;padding-bottom:2rem;min-height:auto}.contact-content{max-width:900px;margin:0 auto}.contact-subtitle{margin-top:1rem;font-size:1.125rem;max-width:600px;margin-left:auto;margin-right:auto}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:3rem 0}@media(max-width:900px){.contact-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}}.contact-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;transition:all .3s ease;text-decoration:none;color:inherit;position:relative;overflow:visible}.contact-card:before{content:"";position:absolute;inset:0;background:var(--accent-gradient);opacity:0;border-radius:1rem;transition:opacity .3s ease;z-index:0}.contact-card:hover:before{opacity:.05}.contact-card:hover{transform:translateY(-5px)}.contact-card>*{position:relative;z-index:1}.contact-icon-wrapper{width:64px;height:64px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;position:relative}.contact-icon-svg{width:100%;height:100%;background:var(--accent-gradient);mask:var(--icon-url) no-repeat center / contain;-webkit-mask:var(--icon-url) no-repeat center / contain}.contact-icon-wrapper.composite .main-icon{width:100%;height:100%}.sub-icon-wrapper{position:absolute;width:48px;height:48px;bottom:-16px;right:-28px;background:var(--bg-secondary);border-radius:50%;padding:8px;border:3px solid var(--bg-primary);box-shadow:0 4px 8px #0003;display:flex;align-items:center;justify-content:center}.contact-label{font-size:1.35rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.contact-value{font-size:.95rem;color:var(--text-secondary);word-break:break-all}.cta-section{text-align:center;margin-top:4rem;padding:3rem;background:var(--bg-primary);border-radius:1.5rem;border:1px solid var(--border)}.cta-section h3{margin-bottom:1.5rem;color:var(--text-primary)}@media(max-width:768px){.contact-card{padding:1.5rem 1rem}.contact-icon{font-size:2.5rem}.cta-section{padding:2rem 1.5rem;margin-top:3rem}}@media(max-width:480px){.contact-grid{grid-template-columns:1fr}}.projects-page{min-height:100vh;padding-top:80px}.projects-hero{padding:4rem 0 3rem;text-align:center}.projects-hero h1{margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem)}.projects-hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.projects-list-section{padding:2rem 0 4rem}.projects-list{display:flex;flex-direction:column;gap:2.5rem;max-width:900px;margin:0 auto}.project-item{display:flex;gap:2rem;padding:2rem;transition:all .3s ease}.project-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.project-item-left{flex-shrink:0}.project-avatar-large{width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid var(--accent-primary);box-shadow:0 0 25px var(--glow),0 10px 20px #00000026;background:var(--bg-tertiary);transition:all .3s ease}.project-item:hover .project-avatar-large{box-shadow:0 0 35px var(--glow),0 15px 30px #0003;border-color:var(--accent-secondary);transform:scale(1.05)}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient)}.avatar-icon-large{font-size:5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.project-item-right{flex:1;display:flex;flex-direction:column}.project-item-right h2{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.project-description{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem;font-size:1.1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.tag{padding:.4rem 1rem;background:var(--accent-gradient);color:#fff;border-radius:100px;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px var(--glow)}.project-buttons{display:flex;gap:1rem;margin-top:auto}.project-buttons .btn{flex:1;text-align:center;justify-content:center}.link-placeholder{color:var(--text-tertiary);font-size:.95rem;font-style:italic;padding:.75rem;background:var(--bg-tertiary);border-radius:.5rem;align-self:flex-start;flex:1;text-align:center}.btn{text-decoration:none!important}.btn:disabled{opacity:.6;cursor:not-allowed}.back-to-home{margin-top:3rem;text-align:center}@media(max-width:768px){.projects-page{padding-top:70px}.projects-hero{padding:3rem 0 2rem}.project-item{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.project-avatar-large{width:120px;height:120px}.avatar-icon-large{font-size:4rem}.project-item-right h2{font-size:1.75rem}.project-tags{justify-content:center}.link-placeholder{align-self:center}}.project-details-page{min-height:100vh;padding-top:100px;padding-bottom:4rem}.project-not-found{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.back-link{display:inline-block;color:var(--text-secondary);text-decoration:none;font-weight:500;margin-bottom:2rem;transition:color .2s}.back-link:hover{color:var(--accent-primary)}.project-details-content{background:var(--bg-secondary);border-radius:1.5rem;padding:3rem;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.05)}.project-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.project-avatar-hero{width:180px;height:180px;border-radius:50%;overflow:hidden;border:4px solid var(--accent-primary);box-shadow:0 0 40px var(--glow);margin-bottom:1.5rem;background:var(--bg-tertiary)}.avatar-placeholder-hero{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient)}.avatar-icon-hero{font-size:5rem}.project-title{font-size:3rem;margin-bottom:1rem}.project-tags-hero{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.tag-hero{padding:.5rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:100px;font-size:1rem}.project-body{max-width:800px;margin:0 auto}.project-description-section h2{font-size:1.75rem;margin-bottom:1rem;color:var(--text-primary)}.project-long-description{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2.5rem}.project-features{background:var(--bg-tertiary);padding:2rem;border-radius:1rem;margin-bottom:3rem}.project-features h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--accent-secondary)}.features-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.features-list li{position:relative;padding-left:1.5rem;color:var(--text-secondary)}.features-list li:before{content:"•";color:var(--accent-primary);font-weight:700;position:absolute;left:0}.project-actions{display:flex;justify-content:center;gap:1rem;width:100%}.project-actions .btn-large{flex:1;max-width:300px;display:flex;justify-content:center;align-items:center}.btn-large{padding:1rem 2.5rem;font-size:1.125rem}@media(max-width:768px){.project-actions{flex-direction:column;align-items:center}.project-actions .btn-large{width:100%;max-width:100%}.project-details-content{padding:1.5rem}.project-avatar-hero{width:140px;height:140px}.project-title{font-size:2rem}.features-list{grid-template-columns:1fr}}.version-history{width:100%;margin-bottom:1.5rem}.version-history h4{font-size:1rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.version-timeline{position:relative;padding-left:2rem}.version-item{position:relative;padding-bottom:1.5rem}.version-item:last-child{padding-bottom:0}.version-item:last-child .version-line{display:none}.version-dot{position:absolute;left:-2rem;top:.375rem;width:12px;height:12px;border-radius:50%;background:#6366f1;border:2px solid var(--bg-primary);box-shadow:0 0 0 2px #6366f133;z-index:2}.version-item:first-child .version-dot{background:#10b981;box-shadow:0 0 0 2px #10b9814d,0 0 12px #10b98199}.version-line{position:absolute;left:calc(-2rem + 5px);top:1rem;bottom:-.5rem;width:2px;background:#6366f133;z-index:1}.version-content{display:flex;flex-direction:column;gap:.25rem}.version-header{display:flex;justify-content:space-between;align-items:center}.version-number{font-size:.875rem;font-weight:600;color:#6366f1;font-family:Fira Code,monospace}.version-time{font-size:.75rem;color:var(--text-tertiary)}.version-date{font-size:.75rem;color:var(--text-secondary)}.version-placeholder{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2rem;text-align:center;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.version-placeholder p{margin:0;color:var(--text-secondary)}.bot-row-wrapper{width:100%}.bot-row{display:grid;grid-template-columns:40px 2fr 1fr 1fr 1fr 1fr 40px;align-items:center;padding:1rem 1.5rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease;gap:1rem;opacity:0;animation:fadeInUp .5s ease forwards;cursor:pointer;-webkit-user-select:none;user-select:none}.bot-row.expanded{background:#ffffff0f;border-bottom:none}.bot-row:nth-child(1){animation-delay:.05s}.bot-row:nth-child(2){animation-delay:.1s}.bot-row:nth-child(3){animation-delay:.15s}.bot-row:nth-child(4){animation-delay:.2s}.bot-row:nth-child(5){animation-delay:.25s}.bot-row:nth-child(6){animation-delay:.3s}.bot-row:nth-child(7){animation-delay:.35s}.bot-row:nth-child(8){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bot-row:last-child{border-bottom:none}.bot-row:hover{background:#ffffff0f}.bot-row-status{display:flex;justify-content:center;align-items:center}.status-dot{position:relative;width:10px;height:10px;border-radius:50%}.status-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e66}.status-dot.offline{background:#ef4444;box-shadow:0 0 8px #ef444466}.status-pulse-dot{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:inherit;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(2.5);opacity:0}}.bot-row-info{display:flex;flex-direction:column;justify-content:center}.bot-name-row{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.bot-id-row{font-size:.75rem;color:var(--text-tertiary);font-family:Fira Code,monospace}.bot-row-stat{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.stat-label-row{font-size:.7rem;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.1rem;display:none}.stat-value-row{font-size:.9rem;color:var(--text-secondary);font-weight:500}.bot-row-expand-icon{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:.75rem}.bot-row-expanded{overflow:hidden;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.expanded-content{padding:2rem 1.5rem;border-top:1px solid rgba(255,255,255,.05)}.expanded-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.header-title-group{display:flex;align-items:center;gap:1rem}.bot-icon{font-size:2.5rem}.bot-pfp{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(99,102,241,.3)}.expanded-header h3{margin:0;font-size:1.5rem;color:var(--text-primary)}.bot-requests-graph{margin-bottom:1.5rem}.bot-requests-graph h4{font-size:1rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.graph-placeholder{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2rem;text-align:center;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.graph-placeholder p{margin:0;color:var(--text-secondary)}.bot-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;font-size:1rem}.bot-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.bot-tags .tag{padding:.375rem .75rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:6px;font-size:.875rem;color:#a5b4fc;font-weight:500}.expanded-content .btn{margin-top:.5rem}@media(max-width:768px){.bot-row{grid-template-columns:1fr;gap:1rem;padding:1.5rem;border-radius:12px;margin-bottom:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.bot-row-status{justify-content:flex-start;margin-bottom:.5rem}.status-dot{width:12px;height:12px}.stat-label-row{display:block;margin-bottom:0}.bot-row-stat{flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.5rem}.bot-row-stat:last-child{border-bottom:none;padding-bottom:0}}.dashboard-page{min-height:100vh;padding:140px 2rem 4rem;max-width:1400px;margin:0 auto}.dashboard-header{text-align:left;margin-bottom:3rem}.dashboard-header h1{font-size:3rem;margin-bottom:.5rem}.dashboard-subtitle{font-size:1.1rem;opacity:.6;max-width:600px}.services-section{margin-bottom:3rem}.services-title{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary);font-weight:600}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem}.service-card{padding:2rem;border-radius:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent-gradient);opacity:0;transition:opacity .3s ease;z-index:0}.service-card:hover:before{opacity:.03}.service-card:hover{background:#ffffff0a;transform:translateY(-4px);border-color:#6366f14d;box-shadow:0 8px 24px #6366f126}.service-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.service-icon{font-size:2.5rem;filter:grayscale(.2)}.service-info h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary);font-weight:600}.service-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;text-transform:capitalize}.service-status-badge.status-online{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.service-status-badge.status-offline{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.service-status-badge.status-degraded{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-dot-small{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.service-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;position:relative;z-index:1}.service-metric{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);font-weight:600}.metric-value{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:4rem}.stat-card{padding:1.5rem;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent-gradient);opacity:0;transition:opacity .3s ease;z-index:0}.stat-card:hover:before{opacity:.05}.stat-card:hover{background:#ffffff0a;transform:translateY(-2px);border-color:#ffffff4d;box-shadow:0 4px 15px #ffffff26}.stat-card-success:before{background:linear-gradient(135deg,#22c55e,#16a34a)}.stat-card-danger:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card-warning:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card-success:hover{border-color:#22c55e4d;box-shadow:0 4px 15px #22c55e33}.stat-card-danger:hover{border-color:#ef44444d;box-shadow:0 4px 15px #ef444433}.stat-card-warning:hover{border-color:#f59e0b4d;box-shadow:0 4px 15px #f59e0b33}.stat-info{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1;text-align:center}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);font-weight:600}.stat-value{font-size:2.5rem;font-weight:700;line-height:1;color:var(--text-primary)}.stat-success{color:#22c55e}.stat-danger{color:#ef4444}.stat-warning{color:#f59e0b}.bots-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 .5rem}.header-left{display:flex;align-items:center;gap:1rem}.bots-header h2{margin:0;font-size:1.5rem}.status-warning-badge{font-size:.75rem;background:#ef44441a;color:#ef4444;padding:.25rem .75rem;border-radius:20px;border:1px solid rgba(239,68,68,.2);font-weight:600}.last-update{opacity:.5;font-size:.85rem;font-family:Fira Code,monospace}.update-indicator{animation:pulse 2s infinite}.bots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.no-bots{grid-column:1 / -1;text-align:center;padding:4rem 2rem;opacity:.6}.bot-list-container{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;margin-bottom:3rem}.bot-list-header{display:grid;grid-template-columns:40px 2fr 1fr 1fr 1fr 1fr 40px;gap:1rem;padding:1rem 1.5rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);font-weight:600}.bot-list{display:flex;flex-direction:column}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-animation{display:flex;gap:1rem;margin-bottom:2rem}.loading-dot{width:20px;height:20px;border-radius:50%;background:var(--accent-gradient);box-shadow:0 0 20px #6366f180}.unified-status-loader{width:60px;height:60px;border:5px solid var(--bg-tertiary);border-top:5px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-container p{font-size:1.125rem;color:var(--text-secondary)}.error-container h2{margin-bottom:1rem;color:#ef4444}.retry-button{margin-top:1rem;padding:.75rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:transform .2s}.retry-button:hover{transform:scale(1.05)}@media(max-width:768px){.dashboard-page{padding:100px 1rem 2rem}.dashboard-header h1{font-size:2rem}.dashboard-subtitle{font-size:1rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:1.5rem}.service-icon{font-size:2rem}.stats-grid,.bots-grid{grid-template-columns:1fr}}.bots-list-container{background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.05);overflow:hidden;margin-top:1rem}.bots-list-header{display:grid;grid-template-columns:40px 2fr 1fr 1fr 1fr 1fr 40px;gap:1rem;padding:.75rem 1.5rem;background:#ffffff05;border-radius:12px 12px 0 0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary)}.bots-list{display:flex;flex-direction:column}@media(max-width:768px){.bots-list-header{display:none}.bots-list-container{background:transparent;border:none}}[data-theme=light] .stat-card{background:#fffffff2;border:1px solid rgba(0,0,0,.12);box-shadow:0 2px 8px #00000014}[data-theme=light] .stat-card:hover{background:#fff;box-shadow:0 8px 24px #0000001f;border-color:#0003}[data-theme=light] .service-card{background:#fffffff2;border:1px solid rgba(0,0,0,.12);box-shadow:0 2px 8px #00000014}[data-theme=light] .service-card:hover{background:#fff;box-shadow:0 8px 24px #0000001f}[data-theme=light] .bot-list-container{background:#fffffff2;border:1px solid rgba(0,0,0,.12);box-shadow:0 2px 8px #00000014}[data-theme=light] .bot-list-header{background:#00000005;border-bottom:1px solid rgba(0,0,0,.08)}[data-theme=light] .bots-list-container{background:#fffffff2;border:1px solid rgba(0,0,0,.12)}.stat-card{height:100%;min-height:160px;container-type:inline-size}.stat-value{font-size:2.5rem;font-weight:700;line-height:1;white-space:nowrap}.stat-card-system .stat-value{font-size:clamp(1rem,15cqi,2.5rem)}.service-card{height:100%;display:flex;flex-direction:column}.service-info{flex:1}@media(max-width:768px){.bot-list-header,.bots-list-header{display:none!important}}.bot-list-header,.bots-list-header{grid-template-columns:40px 2fr .8fr .8fr 1.2fr 1.2fr 40px;font-size:.7rem}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}.not-found-content h1{font-size:6rem;margin-bottom:1rem;line-height:1}.not-found-content h2{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.not-found-content p{margin-bottom:2rem;color:var(--text-secondary);font-size:1.1rem}