:root{--bg-dark:#09090b;--bg-dark-card:#141419a6;--bg-dark-hover:#1c1c23d9;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--color-indigo:#6366f1;--color-violet:#8b5cf6;--color-emerald:#10b981;--accent-gradient:linear-gradient(135deg,var(--color-indigo) 0%,var(--color-violet) 100%);--accent-gradient-text:linear-gradient(90deg,#a78bfa,#818cf8);--border-light:#3f3f4659;--border-glow:#8b5cf640;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-glow:0 0 20px #6366f126;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Plus Jakarta Sans",var(--font-sans)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#09090b;background-color:var(--bg-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);line-height:1.6;margin:0;overflow-x:hidden;padding:0}body,h1,h2,h3,h4,h5,h6{color:#f4f4f5;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;margin-top:0}code{font-family:Space Mono,source-code-pro,Menlo,Monaco,Consolas,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#09090b;background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#27272a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#3f3f46}.glass-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#141419a6;background:var(--bg-dark-card);border:1px solid #3f3f4659;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#8b5cf666;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 0 20px #6366f126;box-shadow:var(--shadow-lg),var(--shadow-glow)}.header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#09090bb3;border-bottom:1px solid var(--border-light);left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.25rem 2rem}.header-content,.logo a{align-items:center;display:flex}.logo a{background:linear-gradient(135deg,#a78bfa,#818cf8);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:var(--font-display);font-size:1.35rem;font-weight:800;gap:.75rem;letter-spacing:-.03em;text-decoration:none}.logo-image{fill:#818cf8;height:32px;transform:rotate(180deg);transition:transform .8s cubic-bezier(.4,0,.2,1);width:32px}.logo a:hover .logo-image{transform:rotate(540deg)}.nav-links{display:flex;gap:2.5rem}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:color .2s ease}.nav-links a:hover{color:var(--text-primary)}.nav-links a:after{background:var(--accent-gradient);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.nav-links a:hover:after{width:100%}@media (max-width:768px){.header-content{padding:1rem}.logo a{font-size:1.15rem}.nav-links{gap:1.25rem}.nav-links a{font-size:.85rem}}.footer{background:#09090b;border-top:1px solid var(--border-light);color:var(--text-secondary);overflow:hidden;padding:5rem 0 2rem;position:relative}.footer:before{background:linear-gradient(90deg,#0000,#8b5cf633,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:3rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative}.footer-section{flex:1 1 250px}.footer-section h4{color:var(--text-primary);display:inline-block;font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;position:relative}.footer-section h4:after{background:var(--accent-gradient);bottom:-.5rem;content:"";height:2px;left:0;position:absolute;width:1.5rem}.footer-section p{line-height:1.6}.footer-section a,.footer-section p{color:var(--text-secondary);font-size:.95rem}.footer-section a{display:inline-block;margin-bottom:.75rem;text-decoration:none;transition:all .3s ease}.footer-section a:hover{color:var(--text-primary);transform:translateX(4px)}.social-links{display:flex;gap:1.25rem;margin-top:1rem}.social-links a{color:var(--text-secondary);font-size:1.35rem;transition:all .3s ease}.social-links a:hover{color:var(--text-primary);transform:translateY(-3px)}.footer-section p svg,.social-links a svg{margin-right:8px;vertical-align:middle}.footer-bottom{margin-top:4rem;padding-top:1.5rem;position:relative;text-align:center}.footer-bottom:before{background:var(--border-light);content:"";height:1px;left:10%;position:absolute;right:10%;top:0}.footer-bottom p{color:var(--text-muted);font-size:.85rem}@media (max-width:768px){.footer{padding:3rem 0 1.5rem}.footer-content{flex-direction:column;gap:2rem;padding:0 1.5rem}.footer-section{margin-bottom:0}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin-top:64px;width:100%}.footer{margin-top:auto}@media (max-width:768px){.main-content{padding:1rem}}.about-container{background-color:var(--bg-dark);min-height:100vh;overflow:hidden;padding-top:100px;position:relative}.about-content{margin:0 auto;max-width:900px;padding:2rem 1.5rem;position:relative;z-index:1}.hero-section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-dark-card);border:1px solid var(--border-light);border-radius:20px;box-shadow:var(--shadow-md);margin-bottom:4rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.hero-section:before{background:var(--accent-gradient);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.hero-logo-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.hero-logo{fill:#8b5cf6;filter:drop-shadow(0 0 8px rgba(139,92,246,.4));height:80px;transform:rotate(180deg);transition:all .5s ease;width:80px}.hero-logo:hover{fill:#a78bfa;transform:rotate(540deg) scale(1.1)}.hero-title{background:linear-gradient(135deg,#f4f4f5 30%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem}.hero-subtitle,.hero-title{font-family:var(--font-display)}.hero-subtitle{color:var(--color-indigo);font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin-bottom:1.5rem}.hero-description{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin:0 auto;max-width:44rem}.section-title{color:var(--text-primary);font-family:var(--font-display);font-size:2rem;font-weight:800;margin:4rem 0 2rem;position:relative;text-align:center}.section-title:after{background:var(--accent-gradient);border-radius:2px;content:"";display:block;height:3px;margin:.75rem auto 0;width:3rem}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:4rem}.skill-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-dark-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-sm);padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-card:hover{border-color:#8b5cf659;box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-4px)}.skill-icon-wrapper{align-items:center;border-radius:10px;display:flex;height:2.75rem;justify-content:center;margin-bottom:1.25rem;width:2.75rem}.skill-icon-wrapper.blue{background-color:#3b82f61a;color:#3b82f6}.skill-icon-wrapper.indigo{background-color:#6366f11a;color:#6366f1}.skill-icon-wrapper.purple{background-color:#8b5cf61a;color:#8b5cf6}.skill-icon-wrapper.emerald{background-color:#10b9811a;color:#10b981}.skill-icon{font-size:1.25rem}.skill-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:1rem}.skill-list{list-style:none;margin:0;padding:0}.skill-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;margin-bottom:.6rem}.skill-bullet{border-radius:50%;flex-shrink:0;height:6px;margin-right:.75rem;width:6px}.skill-bullet.blue{background-color:#3b82f6}.skill-bullet.indigo{background-color:#6366f1}.skill-bullet.purple{background-color:#8b5cf6}.skill-bullet.emerald{background-color:#10b981}.timeline{margin:3rem 0;padding-left:2rem;position:relative}.timeline-line{background:linear-gradient(to bottom,var(--color-indigo),var(--color-violet),var(--color-emerald));bottom:10px;left:7px;opacity:.5;position:absolute;top:10px;width:2px}.timeline-item{margin-bottom:3.5rem;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-icon-wrapper{left:-2rem;position:absolute;top:4px;transform:translateX(-50%);z-index:2}.timeline-icon-circle{align-items:center;background:var(--bg-dark);border:2px solid var(--color-indigo);border-radius:50%;box-shadow:0 0 10px #6366f166;display:flex;height:28px;justify-content:center;transition:all .3s ease;width:28px}.timeline-icon-circle.purple{border-color:var(--color-violet);box-shadow:0 0 10px #8b5cf666}.timeline-icon-circle.emerald{border-color:var(--color-emerald);box-shadow:0 0 10px #10b98166}.timeline-icon{color:var(--text-primary);font-size:.75rem}.timeline-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-dark-card);border:1px solid var(--border-light);border-radius:14px;box-shadow:var(--shadow-sm);padding:1.75rem;transition:all .3s ease}.timeline-card:hover{border-color:#8b5cf64d;box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateX(4px)}.timeline-header{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.timeline-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin:0}.timeline-meta{text-align:right}.timeline-company{font-size:.95rem;font-weight:600;margin:0}.timeline-company.blue{color:#818cf8}.timeline-company.purple{color:#a78bfa}.timeline-company.emerald{color:#34d399}.timeline-date{color:var(--text-muted);font-size:.85rem;margin:.25rem 0 0}.timeline-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}.timeline-description ul{margin:.75rem 0 0;padding-left:1.2rem}.timeline-description li{margin-bottom:.5rem}.timeline-description li:last-child{margin-bottom:0}@media (max-width:640px){.timeline-header{align-items:flex-start;flex-direction:column}.timeline-meta{margin-top:.25rem;text-align:left}.hero-title{font-size:2.5rem}}.projects-container{background-color:var(--bg-dark);min-height:100vh;overflow:hidden;padding-top:100px;position:relative}.projects-content{margin:0 auto;max-width:900px;padding:2rem 1.5rem;position:relative;z-index:1}.projects-intro{animation:fade-in-up .8s ease-out;margin-bottom:4rem;max-width:800px}.projects-intro-title{background:linear-gradient(135deg,#f4f4f5 30%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:var(--font-display);font-size:3rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1.5rem}.projects-intro-text{color:var(--text-secondary);font-size:1.15rem;line-height:1.8}.projects-grid{grid-gap:2rem;animation:fade-in-up 1s ease-out;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-dark-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-sm);display:block;overflow:hidden;padding:1.75rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover{background:var(--bg-dark-hover);border-color:#8b5cf659;box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-5px)}.project-card article{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:auto 1fr auto}.project-card-image{border:1px solid #ffffff0d;border-radius:12px;height:4.5rem;overflow:hidden;width:4.5rem}.project-card-image img{height:100%;object-fit:cover;width:100%}.project-card-content{min-width:0}.project-card-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.project-card-title .title-text{background:linear-gradient(135deg,#f4f4f5 30%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:#0000;transition:color .3s ease}.project-card:hover .project-card-title .title-text{background:var(--accent-gradient-text);-webkit-background-clip:text;background-clip:text;color:#0000}.project-card-tagline{color:var(--color-indigo);font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.project-card-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.project-card-arrow{color:var(--color-violet);opacity:.3;transform:translateX(-5px);transition:all .3s ease}.project-card:hover .project-card-arrow{opacity:1;transform:translateX(0)}.blog-container{background-color:var(--bg-dark);min-height:100vh;overflow:hidden;padding-top:100px;position:relative}.blog-content{margin:0 auto;max-width:900px;padding:2rem 1.5rem;position:relative;z-index:1}.blog-intro{animation:fade-in-up .8s ease-out;margin-bottom:4rem;max-width:800px}.blog-intro-title{background:linear-gradient(135deg,#f4f4f5 30%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:var(--font-display);font-size:3rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1.5rem}.blog-intro-text{color:var(--text-secondary);font-size:1.15rem;line-height:1.8}.blog-grid{grid-gap:2rem;animation:fade-in-up 1s ease-out;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}.blog-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-dark-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-sm);display:block;overflow:hidden;padding:1.75rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-card:hover{background:var(--bg-dark-hover);border-color:#8b5cf659;box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-5px)}.blog-card article{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:auto 1fr auto}.blog-card-image{align-items:center;background:#6366f114;border:1px solid #ffffff0d;border-radius:12px;display:flex;height:4rem;justify-content:center;overflow:hidden;width:4rem}.blog-card-image img{height:100%;object-fit:cover;width:100%}.blog-card-icon{align-items:center;color:var(--color-indigo);display:flex;height:100%;justify-content:center;padding:.75rem;width:100%}.blog-card-content{min-width:0}.blog-card-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.blog-card-title .title-text{background:linear-gradient(135deg,#f4f4f5 30%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:#0000;transition:color .3s ease}.blog-card:hover .blog-card-title .title-text{background:var(--accent-gradient-text);-webkit-background-clip:text;background-clip:text;color:#0000}.blog-card-meta-top{align-items:center;display:flex;gap:.5rem;position:absolute;right:1.25rem;top:1.25rem}.blog-card-date,.blog-card-reading-time{border-radius:9999px;font-size:.75rem;font-weight:600;padding:.25rem .6rem;white-space:nowrap}.blog-card-date{background:#6366f11f;color:var(--color-indigo)}.blog-card-reading-time{background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-secondary)}.blog-card-excerpt{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-top:.5rem}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.blog-card-tag{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:4px;color:var(--color-violet);font-size:.7rem;padding:.2rem .5rem;transition:all .2s ease}.blog-card:hover .blog-card-tag{background:#8b5cf626;border-color:#8b5cf64d}.blog-card-arrow{color:var(--color-violet);opacity:.3;transform:translateX(-5px);transition:all .3s ease}.blog-card:hover .blog-card-arrow{opacity:1;transform:translateX(0)}.blog-filters{animation:fade-in-up .9s ease-out;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.blog-search{max-width:500px;position:relative}.search-icon{color:var(--text-secondary);height:1.25rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem}.blog-search input{background:var(--bg-dark-card);border:1px solid var(--border-light);border-radius:12px;color:var(--text-primary);font-size:1rem;padding:.875rem 1rem .875rem 2.75rem;transition:all .3s ease;width:100%}.blog-search input:focus{border-color:#8b5cf680;box-shadow:0 0 0 2px #8b5cf61a;outline:none}.blog-tag-filter{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tag{background:#ffffff08;border:1px solid var(--border-light);border-radius:9999px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:.4rem 1rem;transition:all .2s ease}.filter-tag:hover{background:#ffffff14;color:var(--text-primary)}.filter-tag.active{background:#8b5cf626;border-color:#8b5cf680;color:var(--color-indigo);font-weight:500}.blog-empty-state{background:var(--bg-dark-card);border:1px dashed var(--border-light);border-radius:16px;grid-column:1/-1;padding:4rem 2rem;text-align:center}.blog-empty-state p{color:var(--text-secondary);margin-bottom:1rem}.blog-empty-state button{background:var(--color-indigo);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background .2s}.blog-empty-state button:hover{background:var(--color-violet)}.blog-post-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:260px 1fr;margin:0 auto;max-width:1100px;padding:120px 2rem 5rem;position:relative;z-index:1}.table-of-contents{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-dark-card);border:1px solid var(--border-light);border-radius:16px;height:fit-content;max-height:calc(100vh - 140px);overflow-y:auto;padding:1.5rem;position:sticky;top:100px}.table-of-contents h3{color:var(--text-primary);font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.table-of-contents ul{list-style:none;margin:0;padding:0}.table-of-contents li{color:var(--text-secondary);cursor:pointer;font-size:.875rem;line-height:1.4;padding:.4rem 0;transition:all .2s ease}.table-of-contents li:hover{color:var(--color-indigo);transform:translateX(2px)}.blog-post{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-dark-card);border:1px solid var(--border-light);border-radius:20px;box-shadow:var(--shadow-md);min-width:0;padding:3.5rem}.blog-post h1{color:var(--text-primary);font-family:var(--font-display);font-size:2.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:1rem}.blog-post-meta{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.blog-post-meta time{color:var(--text-muted);font-size:.9rem;font-weight:500}.reading-time{background:#ffffff0d;border:1px solid var(--border-light);border-radius:9999px;color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:.25rem .6rem}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.post-tag{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:6px;color:var(--color-violet);font-size:.75rem;padding:.25rem .6rem}.markdown-content{color:var(--text-secondary);font-size:1.05rem;line-height:1.85}.markdown-content h2{font-size:1.85rem;letter-spacing:-.02em;margin:3rem 0 1rem}.markdown-content h2,.markdown-content h3{color:var(--text-primary);font-family:var(--font-display);font-weight:700}.markdown-content h3{font-size:1.45rem;letter-spacing:-.015em;margin:2.5rem 0 1rem}.markdown-content p{margin-bottom:1.75rem}.markdown-content ol,.markdown-content ul{margin:1.5rem 0;padding-left:1.75rem}.markdown-content li{margin-bottom:.5rem}.markdown-content code{background:#ffffff0f;border:1px solid #ffffff0d;border-radius:6px;color:var(--text-primary);font-size:.9em;padding:.2rem .4rem}.markdown-content pre{border:1px solid var(--border-light);border-radius:12px;margin:2rem 0;overflow:hidden}.markdown-content pre code{background:#0000;border:none;font-size:.9rem;padding:0}.copy-button{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.75rem;padding:.3rem .6rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;z-index:10}.copy-button:hover{background:#fff3;color:var(--text-primary)}.markdown-content blockquote{background:#8b5cf608;border-left:4px solid var(--color-violet);border-radius:0 8px 8px 0;margin:2rem 0;padding:.75rem 0 .75rem 1.5rem}.markdown-content blockquote p{color:var(--text-secondary);font-style:italic;margin:0}.markdown-content a{border-bottom:1px dotted var(--color-indigo);color:var(--color-indigo);text-decoration:none;transition:all .2s ease}.markdown-content a:hover{border-bottom-style:solid;color:var(--text-primary)}.markdown-content img{border:1px solid var(--border-light);border-radius:12px;display:block;height:auto;margin:2.5rem auto;max-width:100%}.blog-post-image{border:1px solid var(--border-light);border-radius:16px;margin-bottom:2.5rem;max-height:400px;overflow:hidden;width:100%}.blog-post-image img{height:100%;object-fit:cover;width:100%}.markdown-content table{border-collapse:collapse;font-size:.95rem;margin:2rem 0;width:100%}.markdown-content td,.markdown-content th{border-bottom:1px solid var(--border-light);padding:.75rem 1rem;text-align:left}.markdown-content th{background-color:#ffffff05;color:var(--text-primary);font-weight:600}.markdown-content tr:hover{background-color:#ffffff03}@media (max-width:768px){.blog-post-container{gap:2rem;grid-template-columns:1fr;padding-top:100px}.table-of-contents{display:none}.blog-post{padding:2rem 1.5rem}.blog-post h1{font-size:2rem}}.related-posts-section{border-top:1px dashed var(--border-light);margin-top:4rem;padding-top:3rem}.related-posts-section h2{color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem;margin-bottom:1.5rem}.related-posts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.related-posts-grid{grid-template-columns:repeat(2,1fr)}}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.dragon-slayer-container{color:var(--text-secondary);margin:0 auto;max-width:800px;padding:120px 2rem 5rem;position:relative;z-index:1}.game-info{align-items:center;display:flex;flex-direction:column;text-align:center}.game-logo{border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-md),var(--shadow-glow);height:auto;margin-bottom:2rem;max-width:260px;width:100%}.dragon-slayer-container h1{color:var(--text-primary);font-family:var(--font-display);font-size:3rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem}.dragon-slayer-container h2{font-size:1.75rem;letter-spacing:-.02em;margin:3rem 0 1rem}.dragon-slayer-container h2,.dragon-slayer-container h3{color:var(--text-primary);font-family:var(--font-display);font-weight:700}.dragon-slayer-container h3{font-size:1.25rem;margin:1.5rem 0 1rem}.dragon-slayer-container .tagline{color:var(--color-indigo);font-size:1.25rem;font-weight:600;margin-bottom:2rem}.description p{font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.play-store-link{background:var(--accent-gradient);border-radius:9999px;box-shadow:0 4px 15px #6366f14d;color:#fff;display:inline-block;font-size:.95rem;font-weight:600;margin:1.5rem 0;padding:.85rem 2rem;text-decoration:none;transition:all .3s ease}.play-store-link:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.privacy-link{border-bottom:1px dotted var(--text-muted);color:var(--text-muted);display:inline-block;font-size:.9rem;margin-top:1rem;text-decoration:none;transition:all .2s ease}.privacy-link:hover{border-bottom-style:solid;color:var(--text-primary)}.privacy-policy{border-top:1px solid var(--border-light);margin-top:4rem;padding-top:2rem}.policy-content{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:var(--bg-dark-card);border:1px solid var(--border-light);border-radius:16px;padding:2.5rem}.policy-content p{line-height:1.8;margin-bottom:1.5rem}.policy-content ul{margin:1.5rem 0;padding-left:1.75rem}.policy-content li{line-height:1.6;margin-bottom:.5rem}.last-updated{color:var(--text-muted);font-size:.85rem;font-style:italic;margin-top:2.5rem}.policy-content a{color:var(--color-indigo);text-decoration:none}.policy-content a:hover{text-decoration:underline}@media (max-width:768px){.dragon-slayer-container{padding:100px 1rem 3rem}.dragon-slayer-container h1{font-size:2.25rem}}.poke-search-container{margin:0 auto;max-width:900px;padding:120px 2rem 5rem;position:relative;z-index:1}.project-info{align-items:center;display:flex;flex-direction:column;text-align:center}.project-logo{border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-md),var(--shadow-glow);height:auto;margin-bottom:2.5rem;max-width:260px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.project-logo:hover{transform:scale(1.04)}.project-info h1{color:var(--text-primary);font-family:var(--font-display);font-size:3rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem}.project-info .tagline{color:var(--color-indigo);font-size:1.25rem;font-weight:600;margin-bottom:2rem}.description{text-align:left;width:100%}.tech-stack{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-dark-card);border:1px solid var(--border-light);border-radius:20px;margin:3rem 0;padding:2.5rem}.tech-stack h3{color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.tech-section{background:#ffffff05;border:1px solid #ffffff08;border-radius:14px;margin:1.5rem 0;padding:1.75rem;transition:all .3s ease}.tech-section:hover{border-color:var(--border-glow);transform:translateY(-3px)}.tech-section h4{color:#ef4444;font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.tech-section ul{list-style-type:none;margin:0;padding-left:0}.tech-section li{color:var(--text-secondary);font-size:.95rem;margin:.75rem 0;padding-left:1.8rem;position:relative}.tech-section li:before{color:#f59e0b;content:"⚡";left:0;position:absolute}.project-links{display:flex;gap:1.5rem;justify-content:center;margin:2rem 0}.live-demo-link{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:9999px;box-shadow:0 4px 15px #ef44444d;color:#fff;display:inline-block;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:.85rem 2rem;text-decoration:none;transition:all .3s ease}.live-demo-link:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}@media (max-width:768px){.poke-search-container{padding:100px 1rem 3rem}.project-logo{max-width:200px}.project-info h1{font-size:2.25rem}.project-info .tagline{font-size:1.1rem}.tech-stack{padding:1.5rem}}.home-container{background-color:var(--bg-dark);min-height:100vh;overflow:hidden;padding-top:100px;position:relative}.home-container:after,.home-container:before{border-radius:50%;content:"";filter:blur(120px);opacity:.35;pointer-events:none;position:absolute;z-index:0}.home-container:before{animation:float-slow 20s infinite alternate;background:var(--color-indigo);height:400px;right:-100px;top:10%;width:400px}.home-container:after{animation:float-slow 25s infinite alternate-reverse;background:var(--color-violet);bottom:10%;height:350px;left:-100px;width:350px}@keyframes float-slow{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-40px) scale(1.1)}}.content-wrapper{margin:0 auto;max-width:1024px;padding:3rem 1.5rem;position:relative;z-index:1}.home-header{animation:fade-in-up .8s ease-out;margin-bottom:5rem;text-align:center}.title{background:linear-gradient(135deg,#f4f4f5 30%,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:800;letter-spacing:-.04em;margin-bottom:1.5rem}.subtitle,.title{color:#0000;font-family:var(--font-display)}.subtitle{background:var(--accent-gradient-text);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:600;letter-spacing:-.01em;margin-bottom:2rem}.description{color:var(--text-secondary);font-size:1.15rem;line-height:1.8;margin:0 auto;max-width:44rem}.highlight-badges{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2.5rem}.badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid var(--border-light);border-radius:9999px;color:var(--text-primary);font-size:.875rem;font-weight:500;padding:.5rem 1.25rem}.card-grid{grid-gap:2.5rem;animation:fade-in-up 1s ease-out;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-dark-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-md);color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.card:hover{background:var(--bg-dark-hover);border-color:#8b5cf666;box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-8px)}.card-image{height:220px;overflow:hidden;position:relative;width:100%}.card-image:after{background:linear-gradient(180deg,#0000 40%,#09090b);content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%}.card-image img{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);width:100%}.card:hover .card-image img{transform:scale(1.08)}.card-content{flex-grow:1;padding:2rem}.card-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:.75rem;transition:color .3s ease}.card:hover .card-title{color:#c084fc}.card-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.title{font-size:3rem}.subtitle{font-size:1.4rem}.card-grid{gap:1.5rem}}
/*# sourceMappingURL=main.b542b2df.css.map*/