@font-face{font-family:'Poppins';src:url('source/fonts/Poppins/Poppins-Regular.ttf') format('ttf');font-weight:400;font-style:normal}@font-face{font-family:'Poppins';src:url('source/fonts/Poppins/Poppins-Bold.ttf') format('ttf');font-weight:700;font-style:normal}:root{--primary-color:#00d4ff;--secondary-color:#7c3aed;--accent-color:#06b6d4;--text-color:#e2e8f0;--text-muted:#94a3b8;--background-color:#0f172a;--surface-color:#1e293b;--surface-light:#334155;--border-color:#475569;--gradient-primary:linear-gradient(135deg,#00d4ff 0,#7c3aed 100%);--gradient-secondary:linear-gradient(135deg,#1e293b 0,#334155 100%);--gradient-hero:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#334155 100%);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;font-family:'Poppins',sans-serif;--transition-speed:.3s;--transition-smooth:all .3s cubic-bezier(0.4,0,0.2,1);--z-index-header:100;--z-index-modal:1000;--shadow-sm:0 2px 4px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 24px rgba(0,0,0,0.5);--shadow-xl:0 16px 48px rgba(0,0,0,0.6);--glow-primary:0 0 20px rgba(0,212,255,0.3);--glow-secondary:0 0 20px rgba(124,58,237,0.3)}html,body{-ms-overflow-style:none !important;scrollbar-width:none !important;overflow-y:scroll !important}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0 !important;display:none !important}.container-fluid,.container{-ms-overflow-style:none !important;scrollbar-width:none !important}.container-fluid::-webkit-scrollbar,.container::-webkit-scrollbar{display:none !important}.modal{-ms-overflow-style:none !important;scrollbar-width:none !important}.modal::-webkit-scrollbar{display:none !important}.modal-dialog{-ms-overflow-style:none !important;scrollbar-width:none !important}.modal-dialog::-webkit-scrollbar{display:none !important}.modal-content{-ms-overflow-style:none !important;scrollbar-width:none !important}.modal-content::-webkit-scrollbar{display:none !important}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:2.3;color:var(--text-color);background:var(--background-color);overflow-x:hidden}html{scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}header{position:fixed;top:0;left:0;right:0;z-index:var(--z-index-header);transition:var(--transition-smooth);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-hidden{transform:translateY(-100%)}.navbar{padding:.75rem 1rem;background:rgba(15,23,42,0.9) !important;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md)}.navbar-brand img{max-height:40px;width:auto;transition:var(--transition-smooth);filter:brightness(1.2)}.navbar-brand img:hover{transform:scale(1.05);filter:brightness(1.4) drop-shadow(var(--glow-primary))}.nav-link{transition:var(--transition-smooth);color:var(--text-color) !important;font-weight:500;position:relative;padding:.5rem 1rem !important}.nav-link::before{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-primary);transition:var(--transition-smooth);transform:translateX(-50%)}.nav-link:hover,.nav-link.active{color:var(--primary-color) !important;text-shadow:var(--glow-primary)}.nav-link:hover::before,.nav-link.active::before{width:80%}.nav-link:focus{outline:0;box-shadow:none}.navbar-toggler{border:1px solid var(--border-color);padding:.25rem .5rem;background-color:white}.navbar-toggler:focus{box-shadow:none;outline:0}.navbar-toggler:focus-visible{box-shadow:0 0 0 .2rem rgba(0,212,255,0.25)}.navbar-nav .nav-link:focus{outline:0;box-shadow:none}.navbar-brand:focus{outline:0;box-shadow:none}@media(max-width:768px){.navbar-brand img{max-height:30px}.navbar-collapse{background:rgba(30,41,59,0.95);margin-top:1rem;padding:1rem;border-radius:12px;border:1px solid var(--border-color)}}.footer{background:var(--background-color);color:var(--text-color);border-top:1px solid var(--border-color);position:relative}.footer::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 100%,rgba(0,212,255,0.05) 0,transparent 50%),radial-gradient(circle at 70% 100%,rgba(124,58,237,0.05) 0,transparent 50%);pointer-events:none}.footer-title{color:var(--text-color);margin-bottom:1.5rem;font-weight:700;font-size:1.25rem}.footer-links,.footer-contact{list-style:none;padding:0;margin:0}.footer-links li,.footer-contact li{margin-bottom:1rem}.footer-links a,.footer-contact a{color:var(--text-muted);text-decoration:none;transition:var(--transition-smooth);font-weight:500}.footer-links a:hover,.footer-contact a:hover{color:var(--primary-color);text-shadow:var(--glow-primary)}.footer-contact i{margin-right:.5rem;color:var(--primary-color)}.footer-brand img{height:80px;width:auto;filter:brightness(1.2)}.btn{flex:1 1 auto;min-width:150px;font-weight:600;border-radius:12px;transition:var(--transition-smooth);position:relative;overflow:hidden}.btn:focus{outline:0;box-shadow:none}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn-primary{background:var(--gradient-primary);border:0;color:white;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg)}.btn-outline-primary{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline-primary:hover{background:var(--primary-color);color:white;box-shadow:var(--shadow-md)}@media(max-width:768px){.custom-btn{font-size:1.0rem;padding:.75rem 1.5rem}}.project-card{border:0;border-radius:20px;overflow:hidden;transition:var(--transition-smooth);background:var(--surface-color);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.card-img-overlay-wrapper{position:relative;overflow:hidden;background:var(--gradient-secondary)}.card-img-overlay{opacity:0;background:linear-gradient(to top,rgba(0,0,0,0.95) 0,rgba(0,0,0,0.6) 50%,transparent 70%);transition:var(--transition-smooth)}.project-card:hover .card-img-overlay{opacity:1}.overlay-content{position:absolute;bottom:20px;left:20px;color:white;text-shadow:2px 2px 8px rgba(0,0,0,0.9),0 0 10px rgba(0,0,0,0.7)}.overlay-content .btn-light{background:rgba(255,255,255,0.9);border:0;color:var(--background-color);font-weight:600;border-radius:8px;transition:var(--transition-smooth)}.overlay-content .btn-light:hover{background:white}.card-body{background:var(--surface-color);color:var(--text-color)}.badge{display:inline-block;max-width:100%;padding:.75rem 1.5rem;text-align:center;white-space:normal;overflow-wrap:break-word;background:var(--gradient-primary) !important;color:white !important;border-radius:50px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem}.tech-stack .badge{margin-right:.5rem;padding:.5rem 1rem;font-weight:600;margin-bottom:.5rem;border-radius:20px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.badge.bg-primary{background:var(--gradient-primary) !important}.badge.bg-success{background:linear-gradient(135deg,#10b981 0,#059669 100%) !important}.badge.bg-danger{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%) !important}.badge.bg-dark{background:linear-gradient(135deg,#374151 0,#1f2937 100%) !important}.badge.bg-warning{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%) !important;color:white !important}.badge.bg-info{background:linear-gradient(135deg,#06b6d4 0,#0891b2 100%) !important;color:white !important}.badge.bg-secondary{background:linear-gradient(135deg,#6b7280 0,#4b5563 100%) !important}.social-links,.social-icons-container{display:flex;gap:1rem}.social-icons-container{justify-content:center}.social-link,.social-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:var(--surface-color);border:1px solid var(--border-color);transition:var(--transition-smooth);text-decoration:none;position:relative;overflow:hidden}.social-link::before,.social-icon::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:var(--transition-smooth);z-index:0}.social-link:hover::before,.social-icon:hover::before{opacity:1}.social-link:hover,.social-icon:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),var(--glow-primary);border-color:var(--primary-color)}.social-icon-img{width:24px;height:24px;filter:brightness(0) invert(1);transition:var(--transition-smooth);position:relative;z-index:1}.social-link:hover .social-icon-img,.social-icon:hover .social-icon-img{filter:brightness(0) invert(1);transform:scale(1.1)}@media(min-width:992px){.img-fluid{height:900px;width:100%;object-fit:cover}}@media(max-width:480px){.carousel-inner{height:200px;overflow:auto}.carousel-item{height:200px;overflow:auto}.carousel-item img{height:200px;width:100%;object-fit:cover}.carousel-caption{display:block !important}}@media(max-width:768px){.carousel-inner{height:300px;overflow:auto}.carousel-item{height:300px;overflow:auto}.carousel-item img{height:300px;width:100%;object-fit:cover}.carousel-caption{display:block !important}}.fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.95);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:9999;backdrop-filter:blur(10px)}.fullscreen-image{max-width:90%;max-height:90%;border-radius:12px;box-shadow:var(--shadow-xl)}.fullscreen-caption{color:white;margin-top:10px;text-align:center}.close{position:absolute;top:20px;right:30px;color:white;font-size:40px;cursor:pointer;transition:var(--transition-smooth)}.close:hover{color:var(--primary-color);text-shadow:var(--glow-primary)}.prev,.next{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(30,41,59,0.8);color:white;border:1px solid var(--border-color);padding:15px;cursor:pointer;border-radius:50%;transition:var(--transition-smooth);backdrop-filter:blur(10px)}.prev:hover,.next:hover{background-color:var(--primary-color);box-shadow:var(--glow-primary)}.prev{left:20px}.next{right:20px}.modal{transition:opacity .15s ease-in-out}.modal.show{opacity:1}.modal.fade .modal-dialog{transition:transform .15s ease-out}.modal-backdrop{background:rgba(15,23,42,0.95)}.custom-modal-content{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-xl),var(--glow-primary);overflow:hidden}.custom-modal-header{background:linear-gradient(135deg,var(--surface-color) 0,var(--surface-light) 100%);border-bottom:1px solid var(--border-color);padding:1.5rem;position:relative}.custom-modal-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:.5}.custom-modal-title{font-weight:600;font-size:1.5rem;color:var(--text-color);margin:0}.custom-modal-body{padding:2rem;color:var(--text-color);word-wrap:break-word;overflow-wrap:break-word}.custom-modal-body p{margin-bottom:1rem;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.custom-modal-body strong{color:var(--primary-color);font-weight:600}.modal-info-item{display:flex;align-items:flex-start;margin-bottom:1rem;padding:.75rem;background:var(--background-color);border-radius:8px;border-left:3px solid var(--primary-color)}.modal-info-label{color:var(--primary-color);font-weight:600;min-width:140px;margin-right:1rem}.modal-info-value{color:var(--text-color);flex:1;word-wrap:break-word;overflow-wrap:break-word}.modal-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.modal-section-title{color:var(--primary-color);font-weight:600;font-size:1.1rem;margin-bottom:1rem}.season-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;overflow:hidden;transition:var(--transition-smooth)}.season-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.season-header{background:linear-gradient(135deg,var(--surface-color) 0,var(--surface-light) 100%);padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.season-title{font-weight:600;color:var(--text-color);margin:0}.season-body{padding:1.5rem}.episodes-table{width:100%;border-collapse:separate;border-spacing:0}.episodes-table thead th{background:var(--surface-color);color:var(--primary-color);font-weight:600;padding:.75rem;text-align:left;border-bottom:2px solid var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episodes-table tbody tr{transition:var(--transition-smooth)}.episodes-table tbody tr:hover{background:var(--surface-color)}.episodes-table tbody td{padding:.75rem;border-bottom:1px solid var(--border-color);color:var(--text-color);overflow:hidden;text-overflow:ellipsis}.btn-close{filter:invert(1);opacity:.7;transition:var(--transition-smooth)}.btn-close:hover{opacity:1;transform:rotate(90deg)}@media(max-width:768px){.modal-dialog{margin:.5rem;max-width:calc(100% - 1rem)}.modal-lg{max-width:calc(100% - 1rem)}.custom-modal-title{font-size:1.2rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.custom-modal-header{padding:1rem}.custom-modal-body{padding:1rem;overflow-x:hidden;max-height:calc(100vh - 150px);overflow-y:auto}.modal-info-item{flex-direction:column;padding:.5rem}.modal-info-label{min-width:auto;margin-right:0;margin-bottom:.25rem;font-size:.9rem}.modal-info-value{word-wrap:break-word;overflow-wrap:break-word;font-size:.9rem}.season-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem 1rem}.season-title{font-size:1rem;line-height:1.3}.season-title small{display:block;margin-top:.25rem;font-size:.85rem}.season-body{padding:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.episodes-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;font-size:.85rem;min-width:600px}.episodes-table thead,.episodes-table tbody,.episodes-table tr{display:table;width:100%;min-width:600px;table-layout:fixed}.episodes-table thead th,.episodes-table tbody td{padding:.5rem .25rem;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episodes-table thead th:first-child,.episodes-table tbody td:first-child{width:35px}.episodes-table thead th:nth-child(2),.episodes-table tbody td:nth-child(2){width:40%;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.episodes-table thead th:nth-child(3),.episodes-table tbody td:nth-child(3){width:25%;font-size:.75rem}.episodes-table thead th:nth-child(4),.episodes-table tbody td:nth-child(4){width:20%;text-align:center}.episodes-table thead th:nth-child(5),.episodes-table tbody td:nth-child(5){width:20%;text-align:center}.modal-section-title{font-size:1rem}.season-card{margin-bottom:1rem}.modal-section p{font-size:.9rem;line-height:1.5}}.hero-section{margin-top:80px !important;background:linear-gradient(109.6deg,#141e30 11.2%,#243b55 91.1%);padding:2rem 0;margin-bottom:0;position:relative;z-index:1}.hero-section::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;opacity:.1;pointer-events:none}@media(max-width:768px){.hero-section{margin-top:70px !important;padding:2rem 0;min-height:70vh}.hero-section .col-xxl-5,.hero-section .col-xxl-7{flex:0 0 100%;max-width:100%}.hero-section .gx-5{--bs-gutter-x:1rem}}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.hero-image-wrapper{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-xl);background:var(--gradient-secondary);border:1px solid var(--border-color)}.floating-card{position:absolute;bottom:30px;right:-20px;background:var(--surface-color);padding:1.5rem;border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);backdrop-filter:blur(20px)}.profile-img{height:80vw;max-height:45rem;width:auto;display:block;margin:0 auto;object-fit:cover;object-position:center;filter:brightness(1.1) contrast(1.1)}@media(max-width:768px){.hero-image-wrapper{max-width:280px;margin:0 auto}.profile-img{height:350px;width:280px;object-fit:cover;object-position:center top}.floating-card{bottom:15px;right:15px;padding:.75rem;font-size:.85rem}}@media(max-width:576px){.hero-section{padding:1.5rem 0;min-height:60vh}.hero-section h1{font-size:1.6rem}.hero-section .lead{font-size:1rem}.hero-image-wrapper{max-width:240px}.profile-img{height:300px;width:240px}.floating-card{position:static;margin-top:1rem;padding:.75rem;right:auto;bottom:auto}}.hero-section h1{font-size:2.5rem;margin-bottom:1rem;line-height:1.2;font-weight:700}@media(max-width:768px){.hero-section h1{font-size:2rem;line-height:1.2;margin-bottom:1.5rem}.hero-section .lead{font-size:1.1rem;margin-bottom:2rem}.hero-section .d-grid{justify-content:center}}.about-section{background:var(--background-color);position:relative;margin-top:0;padding-top:4rem}.about-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,212,255,0.03) 0,transparent 50%),radial-gradient(circle at 80% 50%,rgba(124,58,237,0.03) 0,transparent 50%);pointer-events:none}.feature{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto;background:var(--gradient-primary) !important;border-radius:20px;box-shadow:var(--shadow-md),var(--glow-primary)}.feature i{font-size:2rem;color:white}.icon-adaptive{font-size:10rem;color:var(--primary-color);text-shadow:var(--glow-primary);transition:var(--transition-smooth)}.project-card:hover .icon-adaptive{color:var(--secondary-color)}@media(max-width:768px){.icon-adaptive{font-size:9rem}}@media(max-width:576px){.icon-adaptive{font-size:8rem}}.resume-hero{background:var(--gradient-hero);position:relative;overflow:hidden}.resume-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,212,255,0.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(124,58,237,0.1) 0,transparent 50%);pointer-events:none}.resume-intro{position:relative;z-index:2}.resume-intro h1{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.resume-intro .lead{color:var(--text-muted);font-size:1.25rem;max-width:600px;margin:0 auto 2rem}.resume-stats{margin-top:3rem}.stat-item{padding:1.5rem;background:rgba(30,41,59,0.6);border-radius:16px;border:1px solid var(--border-color);backdrop-filter:blur(20px);transition:var(--transition-smooth)}.stat-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.stat-number{font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;margin-top:.5rem}.resume-card{background:var(--surface-color);border-radius:24px;border:1px solid var(--border-color);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition-smooth)}.resume-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.resume-card-header{background:var(--gradient-secondary);padding:2rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-color)}.resume-icon{width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;box-shadow:var(--glow-primary)}.resume-card-title{color:var(--text-color);font-weight:700;font-size:1.5rem;margin:0;text-decoration:none}.resume-card-body{padding:2rem}.experience-list{display:flex;flex-direction:column;gap:2rem}.experience-item{padding:1.5rem;background:var(--surface-light);border-radius:16px;border:1px solid var(--border-color);transition:var(--transition-smooth)}.experience-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.experience-content{width:100%}.experience-date{color:var(--primary-color);font-weight:600;font-size:.9rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.experience-title{color:var(--text-color);font-weight:700;font-size:1.2rem;margin-bottom:.5rem}.experience-company{color:var(--text-muted);font-weight:500;margin-bottom:1rem;line-height:1.4}.experience-skills{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:var(--surface-color);color:var(--text-color);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid var(--border-color);transition:var(--transition-smooth)}.skill-tag:hover{background:var(--primary-color);color:white;border-color:var(--primary-color)}.skills-category{margin-bottom:2rem}.skills-category:last-child{margin-bottom:0}.skills-category-title{color:var(--primary-color);font-weight:700;margin-bottom:1rem;font-size:1.1rem;text-decoration:none}.skills-grid{display:grid;gap:1rem;margin-bottom:1.5rem}.skill-item{background:var(--surface-light);padding:1.5rem;border-radius:16px;border:1px solid var(--border-color);display:flex;align-items:center;gap:1rem;transition:var(--transition-smooth);position:relative}.skill-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.skill-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem;flex-shrink:0}.skill-info{flex:1}.skill-name{color:var(--text-color);font-weight:700;margin-bottom:.25rem}.skill-level{color:var(--text-muted);font-size:.9rem;font-weight:500}.additional-skills{display:flex;flex-wrap:wrap;gap:.75rem}.additional-skill{background:var(--gradient-primary);color:white;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:600;transition:var(--transition-smooth)}.additional-skill:hover{transform:scale(1.05);box-shadow:var(--glow-primary)}.education-item{background:var(--surface-light);padding:2rem;border-radius:16px;border:1px solid var(--border-color)}.education-degree{color:var(--text-color);font-weight:700;margin-bottom:.5rem}.education-university{color:var(--primary-color);font-weight:600;margin-bottom:1rem}.education-details{color:var(--text-muted);margin-bottom:0;line-height:1.6}.education-year{color:var(--primary-color);font-weight:700;font-size:1.2rem}.education-location{color:var(--text-muted);font-weight:500}.publications-grid{display:grid;gap:1.5rem}.publication-item{background:var(--surface-light);padding:1.5rem;border-radius:16px;border:1px solid var(--border-color);transition:var(--transition-smooth)}.publication-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.publication-title{color:var(--text-color);font-weight:700;margin-bottom:.75rem;line-height:1.4}.publication-venue{color:var(--text-muted);margin-bottom:1rem;line-height:1.5;font-style:italic}.publication-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.publication-year{background:var(--primary-color);color:white;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.publication-location{color:var(--text-muted);font-size:.9rem;font-weight:500}.publication-doi{color:var(--accent-color);font-size:.8rem;font-weight:500;font-family:monospace}.contact-card{background:var(--gradient-secondary);border:2px solid var(--primary-color);box-shadow:var(--shadow-lg),var(--glow-primary)}.contact-card h3{color:var(--text-color);font-weight:700}.contact-actions{margin-bottom:2rem}.contact-actions .btn{min-width:200px;font-weight:600;padding:.75rem 2rem}.contact-info{border-top:1px solid var(--border-color);padding-top:2rem}.contact-item{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted);font-weight:500;margin-bottom:1rem}.contact-item i{color:var(--primary-color);font-size:1.1rem}.contact-item:hover{color:var(--primary-color)}@media(max-width:768px){.resume-hero{padding:3rem 0}.resume-intro h1{font-size:2rem}.resume-intro .lead{font-size:1.1rem}.stat-number{font-size:2rem}.resume-card-header{padding:1.5rem;flex-direction:column;text-align:center}.resume-card-body{padding:1.5rem}.experience-list{gap:1.5rem}.experience-item{padding:1rem}.skills-grid{grid-template-columns:1fr}.skill-item{padding:1rem}.education-item{padding:1.5rem}.publication-item{padding:1rem}.contact-actions{flex-direction:column;gap:1rem}.contact-actions .btn{width:100%;margin:0}.contact-info .row{flex-direction:column}}@media(max-width:576px){.resume-stats .row{flex-direction:column;gap:1rem}.experience-skills{flex-direction:column;align-items:flex-start}.additional-skills{flex-direction:column;align-items:flex-start}.publication-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}@media print{.resume-hero{background:white !important;color:black !important;margin-top:0 !important}.resume-hero::before{display:none}.resume-intro h1{color:#333 !important;-webkit-text-fill-color:#333 !important}.resume-card{background:white !important;border:1px solid #ddd !important;box-shadow:none !important;break-inside:avoid;margin-bottom:1rem}.resume-card-header{background:#f8f9fa !important;border-bottom:1px solid #ddd !important}.resume-icon{background:#333 !important;color:white !important}.skill-icon{background:#333 !important}.contact-actions{display:none}.contact-card{background:white !important;border:1px solid #ddd !important;box-shadow:none !important}*{color:black !important}.experience-date,.education-year,.publication-year,.contact-item i{color:#333 !important}}.fade-in-up:nth-child(1){animation-delay:.1s}.fade-in-up:nth-child(2){animation-delay:.2s}.fade-in-up:nth-child(3){animation-delay:.3s}.fade-in-up:nth-child(4){animation-delay:.4s}.fade-in-up:nth-child(5){animation-delay:.5s}.experience-item:hover .experience-title{color:var(--primary-color)}.skill-item:focus,.publication-item:focus,.experience-item:focus{outline:2px solid var(--primary-color);outline-offset:4px}@media(prefers-reduced-motion:no-preference){.resume-card{transition:all .4s cubic-bezier(0.4,0,0.2,1)}.skill-item{transition:all .3s cubic-bezier(0.4,0,0.2,1)}.publication-item{transition:all .3s cubic-bezier(0.4,0,0.2,1)}.experience-item{transition:all .3s cubic-bezier(0.4,0,0.2,1)}}@media(prefers-contrast:high){.resume-card{border:2px solid var(--text-color)}.skill-item,.publication-item,.education-item,.experience-item{border:2px solid var(--border-color)}}.maps-hero{margin-top:80px !important;background:linear-gradient(109.6deg,#141e30 11.2%,#243b55 91.1%);padding:2rem 0;margin-bottom:0;position:relative;z-index:1}.maps-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,212,255,0.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(124,58,237,0.1) 0,transparent 50%);pointer-events:none}@media(max-width:768px){.maps-hero{margin-top:70px !important;padding:1rem 0}}.maps-intro{position:relative;z-index:2}.maps-intro h1{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.maps-intro .lead{color:var(--text-muted);font-size:1.25rem;max-width:600px;margin:0 auto 2rem}.section-toggle{background:var(--background-color);padding:2rem 0;position:relative}.section-toggle::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(0,212,255,0.03) 0,transparent 50%),radial-gradient(circle at 70% 50%,rgba(124,58,237,0.03) 0,transparent 50%);pointer-events:none}.toggle-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.toggle-btn{min-width:200px;padding:1rem 2rem;font-weight:600;border-radius:50px;transition:var(--transition-smooth);border:2px solid var(--border-color);position:relative;overflow:hidden}.toggle-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:left .3s ease;z-index:-1}.toggle-btn{background:var(--surface-light);color:var(--text-muted)}.toggle-btn.active::before{left:0}.toggle-btn.active{color:white;border-color:var(--primary-color);box-shadow:var(--shadow-md)}.toggle-btn:hover::before{left:0}.toggle-btn:hover{color:white;border-color:var(--primary-color);box-shadow:var(--shadow-md)}@media(max-width:768px){.toggle-buttons{flex-direction:column;align-items:center}.toggle-btn{width:80%;min-width:auto}}.maps-section{background:var(--background-color);padding:4rem 0;position:relative;opacity:1;transition:opacity .2s ease}.maps-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(0,212,255,0.02) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(124,58,237,0.02) 0,transparent 50%);pointer-events:none}.maps-section h2{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.maps-section .lead{color:var(--text-muted);margin-bottom:3rem}.map-card{background:var(--surface-color);border-radius:24px;border:1px solid var(--border-color);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition-smooth);position:relative;height:100%}.map-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-secondary);opacity:0;transition:var(--transition-smooth);z-index:1}.map-card:hover::before{opacity:.05}.map-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.map-card-img-wrapper{position:relative;height:250px;overflow:hidden}.map-card-img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.map-card:hover .map-card-img{filter:brightness(1.05)}.map-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0,transparent 40%,rgba(0,0,0,0.6) 70%,rgba(0,0,0,0.95) 100%);display:flex;align-items:flex-end;padding:1.5rem;opacity:0;transition:var(--transition-smooth)}.map-card:hover .map-card-overlay{opacity:1}.map-overlay-content{color:white;z-index:2;text-shadow:2px 2px 8px rgba(0,0,0,0.9),0 0 10px rgba(0,0,0,0.7)}.map-overlay-content h5{font-weight:700;margin-bottom:.5rem;font-size:1.2rem;text-shadow:3px 3px 8px rgba(0,0,0,0.95),0 0 12px rgba(0,0,0,0.8)}.map-overlay-content p{margin-bottom:1rem;opacity:1;line-height:1.4;text-shadow:2px 2px 6px rgba(0,0,0,0.9),0 0 8px rgba(0,0,0,0.7)}.map-overlay-content .btn{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);color:white;backdrop-filter:blur(10px);font-weight:600;padding:.5rem 1.5rem;border-radius:25px;transition:var(--transition-smooth)}.map-overlay-content .btn:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--glow-primary)}.map-card-body{padding:1.5rem;position:relative;z-index:2}.map-card-title{color:var(--text-color);font-weight:700;font-size:1.2rem;margin-bottom:.75rem;line-height:1.3}.map-card-description{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.map-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.map-tech-badge{background:var(--surface-light);color:var(--text-color);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid var(--border-color);transition:var(--transition-smooth)}.map-tech-badge:hover{background:var(--primary-color);color:white;border-color:var(--primary-color)}.map-card-footer{display:flex;justify-content:space-between;align-items:center}.map-card-link{color:var(--primary-color);font-size:1.5rem;transition:var(--transition-smooth)}.map-card-link:hover{color:var(--secondary-color)}.map-category-header{text-align:center;margin-bottom:3rem;position:relative}.map-category-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:white;font-size:2rem;box-shadow:var(--shadow-lg)}.map-card.loading{opacity:.7;pointer-events:none}.map-card.loading::after{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;z-index:10}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:992px){.map-card-img-wrapper{height:220px}.maps-section{padding:3rem 0}}@media(max-width:768px){.map-card-img-wrapper{height:200px}.map-card-overlay{padding:1rem}.map-overlay-content h5{font-size:1.1rem}.map-card-body{padding:1rem}.maps-section{padding:2rem 0}.section-toggle{padding:1.5rem 0}}@media(max-width:576px){.map-card-img-wrapper{height:180px}.map-tech-stack{justify-content:center}.map-card-footer{flex-direction:column;gap:1rem;text-align:center}}.map-card:nth-child(1){animation-delay:.1s}.map-card:nth-child(2){animation-delay:.2s}.map-card:nth-child(3){animation-delay:.3s}.map-card:nth-child(4){animation-delay:.4s}.map-card:focus{outline:2px solid var(--primary-color);outline-offset:4px}.toggle-btn:focus{outline:2px solid var(--primary-color);outline-offset:4px}@media(prefers-contrast:high){.map-card{border:2px solid var(--text-color)}.map-tech-badge{border:2px solid var(--border-color)}}@media(prefers-reduced-motion:reduce){.map-card,.toggle-btn,.map-card-img,.map-card-overlay{transition:none}.map-category-icon{animation:none}}.articles-hero{margin-top:80px !important;background:linear-gradient(109.6deg,#141e30 11.2%,#243b55 91.1%);padding:2rem 0;margin-bottom:0;position:relative;z-index:1}.articles-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,212,255,0.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(124,58,237,0.1) 0,transparent 50%);pointer-events:none}@media(max-width:768px){.articles-hero{margin-top:70px !important;padding:1rem 0}}.articles-intro{position:relative;z-index:2}.articles-intro h1{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.articles-intro .lead{color:var(--text-muted);font-size:1.25rem;max-width:600px;margin:0 auto 2rem}.section-toggle{background:var(--background-color);padding:2rem 0;position:relative}.section-toggle::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(0,212,255,0.03) 0,transparent 50%),radial-gradient(circle at 70% 50%,rgba(124,58,237,0.03) 0,transparent 50%);pointer-events:none}.toggle-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.toggle-btn{min-width:200px;padding:1rem 2rem;font-weight:600;border-radius:50px;transition:var(--transition-smooth);border:2px solid var(--border-color);position:relative;overflow:hidden}.toggle-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:left .3s ease;z-index:-1}.toggle-btn{background:var(--surface-light);color:var(--text-muted)}.toggle-btn.active::before{left:0}.toggle-btn.active{color:white;border-color:var(--primary-color);box-shadow:var(--shadow-md)}.toggle-btn:hover::before{left:0}.toggle-btn:hover{color:white;border-color:var(--primary-color);box-shadow:var(--shadow-md)}@media(max-width:768px){.toggle-buttons{flex-direction:column;align-items:center}.toggle-btn{width:80%;min-width:auto}}.articles-section{background:var(--background-color);padding:4rem 0;position:relative;opacity:1;transition:opacity .2s ease}.articles-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(0,212,255,0.02) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(124,58,237,0.02) 0,transparent 50%);pointer-events:none}.articles-section h2{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.articles-section .lead{color:var(--text-muted);margin-bottom:3rem}.article-card{background:var(--surface-color);border-radius:24px;border:1px solid var(--border-color);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition-smooth);position:relative;height:100%}.article-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-secondary);opacity:0;transition:var(--transition-smooth);z-index:1}.article-card:hover::before{opacity:.05}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.article-card-img-wrapper{position:relative;height:250px;overflow:hidden}.article-card-img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.article-card:hover .article-card-img{filter:brightness(1.05)}.article-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0,transparent 40%,rgba(0,0,0,0.6) 70%,rgba(0,0,0,0.95) 100%);display:flex;align-items:flex-end;padding:1.5rem;opacity:0;transition:var(--transition-smooth)}.article-card:hover .article-card-overlay{opacity:1}.article-overlay-content{color:white;z-index:2;text-shadow:2px 2px 8px rgba(0,0,0,0.9),0 0 10px rgba(0,0,0,0.7)}.article-overlay-content h5{font-weight:700;margin-bottom:.5rem;font-size:1.2rem;line-height:1.3;text-shadow:3px 3px 8px rgba(0,0,0,0.95),0 0 12px rgba(0,0,0,0.8)}.article-overlay-content p{margin-bottom:1rem;opacity:1;line-height:1.4;font-size:.9rem;text-shadow:2px 2px 6px rgba(0,0,0,0.9),0 0 8px rgba(0,0,0,0.7)}.article-overlay-content .btn{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);color:white;backdrop-filter:blur(10px);font-weight:600;padding:.5rem 1.5rem;border-radius:25px;transition:var(--transition-smooth)}.article-overlay-content .btn:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--glow-primary)}.article-card-body{padding:1.5rem;position:relative;z-index:2}.article-card-title{color:var(--text-color);font-weight:700;font-size:1.2rem;margin-bottom:.75rem;line-height:1.3}.article-card-description{color:var(--text-muted);margin-bottom:1rem;line-height:1.5;font-size:.95rem}.article-meta{color:var(--text-muted);font-size:.85rem;margin-bottom:1.5rem;line-height:1.4}.article-meta p{margin-bottom:.25rem}.article-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.article-tech-badge{background:var(--surface-light);color:var(--text-color);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid var(--border-color);transition:var(--transition-smooth)}.article-tech-badge:hover{background:var(--primary-color);color:white;border-color:var(--primary-color)}.article-card-footer{display:flex;justify-content:space-between;align-items:center}.article-card-link{color:var(--primary-color);font-size:1.5rem;transition:var(--transition-smooth)}.article-card-link:hover{color:var(--secondary-color)}.article-category-header{text-align:center;margin-bottom:3rem;position:relative}.article-category-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:white;font-size:2rem;box-shadow:var(--shadow-lg)}.scientific-articles .article-category-icon{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.scientific-articles .article-tech-badge.bg-primary{background:linear-gradient(135deg,#667eea 0,#764ba2 100%) !important;border:0}.game-articles .article-category-icon{background:linear-gradient(135deg,#f093fb 0,#f5576c 100%)}.game-articles .article-tech-badge.bg-primary{background:linear-gradient(135deg,#f093fb 0,#f5576c 100%) !important;border:0}.article-card.loading{opacity:.7;pointer-events:none}.article-card.loading::after{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;z-index:10}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:992px){.article-card-img-wrapper{height:220px}.articles-section{padding:3rem 0}}@media(max-width:768px){.article-card-img-wrapper{height:200px}.article-card-overlay{padding:1rem}.article-overlay-content h5{font-size:1.1rem}.article-card-body{padding:1rem}.articles-section{padding:2rem 0}.section-toggle{padding:1.5rem 0}}@media(max-width:576px){.article-card-img-wrapper{height:180px}.article-tech-stack{justify-content:center}.article-card-footer{flex-direction:column;gap:1rem;text-align:center}.article-overlay-content h5{font-size:1rem}.article-meta{font-size:.8rem}}.article-card:nth-child(1){animation-delay:.1s}.article-card:nth-child(2){animation-delay:.2s}.article-card:nth-child(3){animation-delay:.3s}.article-card:nth-child(4){animation-delay:.4s}.article-card:nth-child(5){animation-delay:.5s}.article-card:nth-child(6){animation-delay:.6s}.article-card:focus{outline:2px solid var(--primary-color);outline-offset:4px}.toggle-btn:focus{outline:2px solid var(--primary-color);outline-offset:4px}@media(prefers-contrast:high){.article-card{border:2px solid var(--text-color)}.article-tech-badge{border:2px solid var(--border-color)}}@media(prefers-reduced-motion:reduce){.article-card,.toggle-btn,.article-card-img,.article-card-overlay{transition:none}.article-category-icon{animation:none}.article-card:hover{transform:none}.toggle-btn:hover{transform:none}}.article-search{background:var(--surface-color);border:1px solid var(--border-color);border-radius:50px;padding:.75rem 1.5rem;color:var(--text-color);font-size:1rem;transition:var(--transition-smooth);width:100%;max-width:400px;margin:0 auto 2rem}.article-search:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,212,255,0.1)}.article-search::placeholder{color:var(--text-muted)}.filter-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}.filter-tag{background:var(--surface-light);color:var(--text-color);padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500;border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth)}.filter-tag:hover,.filter-tag.active{background:var(--primary-color);color:white;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.article-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem;padding:2rem;background:var(--surface-color);border-radius:16px;border:1px solid var(--border-color)}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;margin-top:.5rem}.notification{position:fixed;top:20px;right:20px;background:var(--surface-color);color:var(--text-color);padding:1rem 1.5rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:10000;transform:translateX(100%);transition:transform .3s ease;max-width:350px}.notification-content{display:flex;align-items:center}.notification.notification-success{border-color:var(--success-color)}.notification.notification-warning{border-color:var(--warning-color)}.notification.notification-error{border-color:var(--error-color)}.lazy{opacity:0;transition:opacity .3s}.lazy.loaded{opacity:1}.article-card:hover .article-card-title{color:var(--primary-color)}.article-card:hover .article-tech-badge{transform:scale(1.05)}@media print{.articles-hero,.section-toggle,.toggle-buttons,.article-card-overlay,.notification{display:none !important}.articles-section{background:white !important;padding:1rem 0 !important}.article-card{background:white !important;border:1px solid #ddd !important;box-shadow:none !important;break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}.article-card-img-wrapper{height:150px !important}.article-card-body{padding:1rem !important}.article-card-title,.article-card-description,.article-meta{color:black !important}.article-tech-badge{background:#f0f0f0 !important;color:black !important;border:1px solid #ddd !important}.article-card-link{display:none}}@media(prefers-color-scheme:dark){.article-search{background:var(--surface-dark)}.article-stats{background:var(--surface-dark)}.filter-tag{background:var(--surface-dark)}}.article-card:focus-within{outline:2px solid var(--primary-color);outline-offset:4px}.article-card:focus-within .article-card-link{color:var(--secondary-color)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.article-card.skeleton{pointer-events:none}.article-card.skeleton .article-card-img{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.article-card.skeleton .article-card-title,.article-card.skeleton .article-card-description{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;color:transparent;border-radius:4px}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.article-tech-badge[data-tooltip]{position:relative;cursor:help}.article-tech-badge[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--surface-dark);color:white;padding:.5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:1000;margin-bottom:5px}.article-tech-badge[data-tooltip]:hover::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--surface-dark);z-index:1000}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--primary-color);color:white;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition-smooth);z-index:1000;box-shadow:var(--shadow-lg)}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.article-meta-header{margin-top:2rem}.meta-item{color:var(--text-muted);font-weight:500;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.meta-item i{color:var(--primary-color)}.article-toc .card{background:var(--surface-color);border:1px solid var(--border-color)}.toc-link{color:var(--text-muted);text-decoration:none;padding:.5rem 0;display:block;transition:var(--transition-smooth);border-left:3px solid transparent;padding-left:1rem}.toc-link:hover{color:var(--primary-color);border-left-color:var(--primary-color);padding-left:1.5rem}.section-title{color:var(--text-color);font-weight:700;margin-bottom:1.5rem}.article-navigation{border-top:1px solid var(--border-color);padding-top:2rem}@media(max-width:768px){.meta-item{justify-content:flex-start;font-size:.9rem}.article-navigation .text-end{text-align:start !important;margin-top:1rem}}.creation-hero{margin-top:80px !important;background:linear-gradient(109.6deg,#141e30 11.2%,#243b55 91.1%);padding:2rem 0;margin-bottom:0;position:relative;z-index:1}.creation-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,212,255,0.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(124,58,237,0.1) 0,transparent 50%);pointer-events:none}@media(max-width:768px){.creation-hero{margin-top:70px !important;padding:1rem 0}.toggle-buttons{flex-direction:column;align-items:center}.toggle-btn{width:80%;min-width:auto}.creation-card-img-wrapper{height:200px}.creation-card-overlay{padding:1rem}.creation-overlay-content h5{font-size:1.1rem}.creation-card-body{padding:1rem}.creation-section{padding:2rem 0}.section-toggle{padding:1.5rem 0}}.creation-intro{position:relative;z-index:2}.creation-intro h2{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.creation-intro .lead{color:var(--text-muted);font-size:1.25rem;max-width:600px;margin:0 auto 2rem}.section-toggle{background:var(--background-color);padding:2rem 0;position:relative}.section-toggle::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(0,212,255,0.03) 0,transparent 50%),radial-gradient(circle at 70% 50%,rgba(124,58,237,0.03) 0,transparent 50%);pointer-events:none}.toggle-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.toggle-btn{min-width:200px;padding:1rem 2rem;font-weight:600;border-radius:50px;transition:var(--transition-smooth);border:2px solid var(--border-color);background:var(--surface-light);color:var(--text-muted);position:relative;overflow:hidden}.toggle-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:left .3s ease;z-index:-1}.toggle-btn.active::before{left:0}.toggle-btn.active{color:white;border-color:var(--primary-color);box-shadow:var(--shadow-md)}.toggle-btn:hover::before{left:0}.toggle-btn:hover{color:white;border-color:var(--primary-color);box-shadow:var(--shadow-md)}.creation-section{background:var(--background-color);position:relative;padding:4rem 0;opacity:1;transition:opacity .2s ease}.creation-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(0,212,255,0.02) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(124,58,237,0.02) 0,transparent 50%);pointer-events:none}.creation-section h2{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.creation-section .lead{color:var(--text-muted);margin-bottom:3rem}.creation-category-header{text-align:center;margin-bottom:3rem;position:relative}.creation-category-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:white;font-size:2rem;box-shadow:var(--shadow-lg)}.creation-card{background:var(--surface-color);border-radius:24px;border:1px solid var(--border-color);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition-smooth);height:100%}.creation-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.creation-card .card-img-overlay-wrapper{position:relative;overflow:hidden}.creation-card .card-img-top{height:250px;object-fit:cover;transition:var(--transition-smooth);filter:brightness(0.9) contrast(1.1)}.creation-card:hover .card-img-top{filter:brightness(1.05) contrast(1.05)}.creation-card .card-img-overlay{background:linear-gradient(to top,rgba(0,0,0,0.8) 0,rgba(0,0,0,0.4) 50%,transparent 100%);opacity:0;transition:var(--transition-smooth);display:flex;align-items:end;padding:2rem}.creation-card:hover .card-img-overlay{opacity:1}.creation-card .overlay-content{width:100%}.creation-card .overlay-content h5{color:white;font-weight:700;margin-bottom:1rem;font-size:1.3rem}.creation-card .overlay-content .btn{background:rgba(255,255,255,0.9);border:0;padding:.5rem 1.5rem;border-radius:25px;font-weight:600;transition:var(--transition-smooth)}.creation-card .overlay-content .btn:hover{background:white;transform:scale(1.05)}.creation-card-img-wrapper{position:relative;height:250px;overflow:hidden}.creation-card-img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.creation-card:hover .creation-card-img{filter:brightness(1.05)}.creation-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0,transparent 40%,rgba(0,0,0,0.6) 70%,rgba(0,0,0,0.95) 100%);display:flex;align-items:flex-end;padding:1.5rem;opacity:0;transition:var(--transition-smooth)}.creation-card:hover .creation-card-overlay{opacity:1}.creation-overlay-content{color:white;z-index:2;text-shadow:2px 2px 8px rgba(0,0,0,0.9),0 0 10px rgba(0,0,0,0.7)}.creation-overlay-content h5{font-weight:700;margin-bottom:.5rem;font-size:1.2rem;text-shadow:3px 3px 8px rgba(0,0,0,0.95),0 0 12px rgba(0,0,0,0.8)}.creation-overlay-content p{margin-bottom:1rem;opacity:1;line-height:1.4;text-shadow:2px 2px 6px rgba(0,0,0,0.9),0 0 8px rgba(0,0,0,0.7);font-weight:500}.creation-overlay-content .btn{background:rgba(255,255,255,0.9);border:1px solid rgba(255,255,255,0.9);color:#333;backdrop-filter:blur(10px);font-weight:600;padding:.5rem 1.5rem;border-radius:25px;transition:var(--transition-smooth);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.creation-overlay-content .btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:white;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.4)}.creation-card-body{padding:1.5rem;position:relative;z-index:2}.creation-card-title{color:var(--text-color);font-weight:700;font-size:1.2rem;margin-bottom:.75rem;line-height:1.3}.creation-card-description{color:var(--text-muted);margin-bottom:1rem;line-height:1.5;font-size:.95rem}.creation-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.creation-tech-badge{background:var(--surface-light);color:var(--text-color);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid var(--border-color);transition:var(--transition-smooth)}.creation-tech-badge:hover{background:var(--primary-color);color:white;border-color:var(--primary-color)}.creation-card-footer{display:flex;justify-content:space-between;align-items:center}.creation-card-link{color:var(--primary-color);font-size:1.5rem;transition:var(--transition-smooth)}.creation-card-link:hover{color:var(--secondary-color)}.poetry-content{font-family:'Georgia',serif;line-height:1.8}.poetry-content .lead{font-size:1.1rem;color:var(--text-color);font-style:italic}.creation-card .tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.creation-card .badge{padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;transition:var(--transition-smooth)}.creation-card .text-primary{color:var(--primary-color) !important;transition:var(--transition-smooth)}.creation-card .text-primary:hover{color:var(--secondary-color) !important}#gameArticles .creation-card .card-img-top{height:300px}#scienceArticles .creation-card .card-img-top{height:200px;background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center}.poetry-text-card{height:250px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1.7rem;text-align:center;padding:1rem;line-height:1.3;border-radius:16px 16px 0 0}.poetry-bg-1{background:linear-gradient(135deg,#2c3e50,#622d9e)}.poetry-bg-2{background:linear-gradient(135deg,#1a252f,#2707b3)}.poetry-bg-3{background:linear-gradient(135deg,#34495e,#914ac0)}.poetry-bg-4{background:linear-gradient(135deg,#2c3e50,#3498db)}.poetry-bg-5{background:linear-gradient(135deg,#34495e,#9b59b6)}.poetry-bg-6{background:linear-gradient(135deg,#2c3e50,#16a085)}.poetry-bg-7{background:linear-gradient(135deg,#34495e,#e74c3c)}.poetry-bg-8{background:linear-gradient(135deg,#2c3e50,#f39c12)}.poetry-bg-9{background:linear-gradient(135deg,#34495e,#8e44ad)}.poetry-bg-10{background:linear-gradient(135deg,#2c3e50,#27ae60)}@media(max-width:768px){.creation-hero{padding:2rem 0}.creation-intro h2{font-size:2rem}.section-toggle{padding:1.5rem}.section-toggle .btn{width:100%;margin-bottom:1rem}.creation-section{padding:2rem 0}.creation-card .card-img-top{height:200px}.creation-card .card-body{padding:1rem}.creation-card .overlay-content{padding:1rem}}@media(max-width:576px){.creation-card .tech-stack{flex-direction:column;align-items:flex-start}.creation-card .badge{margin-bottom:.25rem}}.creation-card:focus,.section-toggle .btn:focus{outline:2px solid var(--primary-color);outline-offset:4px}@media print{.creation-hero,.creation-section{background:white !important;color:black !important}.creation-hero::before,.creation-section::before{display:none}.creation-card{background:white !important;border:1px solid #ddd !important;box-shadow:none !important;break-inside:avoid;margin-bottom:1rem}.section-toggle{display:none}}@media(prefers-contrast:high){.creation-card{border:2px solid var(--text-color)}.section-toggle{border:2px solid var(--border-color)}}@media(prefers-reduced-motion:reduce){.creation-card,.creation-card .card-img-top,.creation-card .card-img-overlay,.section-toggle .btn{transition:none}.creation-card:hover{transform:none}.creation-section{animation:none}}h1.display-3{font-size:1.9rem;line-height:1.2;margin-bottom:1rem;max-width:100%;overflow-wrap:break-word}@media(max-width:768px){.custom-h1.display-3{font-size:1.6rem}}@media(max-width:480px){.custom-h1.display-3{font-size:1.4rem}}.text-muted{color:var(--text-muted) !important}.lead{color:var(--text-muted);font-size:1.125rem;font-weight:400}h2,h3,h4,h5,h6{color:var(--text-color);font-weight:700}.display-5{font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight{font-weight:bold;color:var(--primary-color)}.text-start{padding:2.5rem;background:rgba(30,41,59,0.9);border-radius:20px;box-shadow:var(--shadow-lg);margin:0 auto;max-width:100%;box-sizing:border-box;border:1px solid var(--border-color);backdrop-filter:blur(20px)}@media(max-width:768px){.text-start{padding:1.5rem;margin:1rem}}@media(min-width:769px) and (max-width:1024px){.text-start{margin-top:2rem}}.d-sm-flex{display:flex;flex-wrap:wrap;gap:1rem}.d-grid>*{max-width:100%;box-sizing:border-box}@media(max-width:768px){.d-grid{grid-template-columns:1fr}}@media(min-width:769px) and (max-width:1024px){.d-grid{grid-template-columns:repeat(2,1fr)}}.fixed-height{height:600px;overflow:auto}.no-margin-top{margin-top:0 !important}section{position:relative}section+section{margin-top:0}.py-5{padding:4rem 0}@media(max-width:576px){.py-5{padding:2rem 0}.floating-card{right:-10px;bottom:20px;padding:1rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out}.btn:focus,.nav-link:focus,.social-icon:focus{outline:2px solid var(--primary-color);outline-offset:2px}.fixed-height::-webkit-scrollbar{width:8px}.fixed-height::-webkit-scrollbar-track{background:var(--surface-color);border-radius:4px}.fixed-height::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.fixed-height::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}