.navbar{display:none!important}.navbar.scrolled{background:#f8f8f8;border:none;box-shadow:none}.logo{margin:0;color:#111}.navbar-logo{font-size:1.2rem;font-weight:700;text-decoration:none;color:inherit;transition:all .3s ease}.navbar-logo:hover{color:red;transform:scale(1.05)}ul{list-style:none;margin:0;padding:0;display:flex}ul li{margin-left:20px;margin-right:0}.navbar-item{display:none}.desktop-only{display:flex}.theme-switch{position:relative;display:inline-block;width:50px;height:26px}.theme-switch input{opacity:0;width:0;height:0}.theme-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.theme-switch .slider:before{position:absolute;content:"";height:18px;width:18px;border-radius:50%;left:4px;bottom:4px;background-color:#fff;transition:.4s}.theme-switch input:checked+.slider{background-color:#0385f7}.theme-switch input:checked+.slider:before{transform:translate(24px)}.hamburger{display:none;cursor:pointer;font-size:1.5rem;padding:8px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.hamburger:hover{background:#ff00001a;border-color:#ff00004d;transform:scale(1.05)}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;opacity:0;transition:opacity .24s ease;pointer-events:none;z-index:998}.mobile-backdrop.open{background:#00000073;opacity:1;pointer-events:auto}.mobile-menu{position:fixed;right:16px;top:12vh;width:88%;max-width:360px;background:#ffffff14;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:20px;border:.5px solid rgba(255,255,255,.13);padding:20px;box-shadow:0 1px #ffffff0d inset,0 20px 60px #00000040;transform:translateY(-12px) scale(.96);opacity:0;transition:all .32s cubic-bezier(.25,.46,.45,.94);z-index:999;pointer-events:none}.mobile-menu.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.mobile-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.mobile-links li{transform-origin:left center;animation:mobileLinkIn .32s ease forwards;animation-delay:calc(var(--i) * 70ms);opacity:0}.mobile-menu.open .mobile-links li{opacity:1}@keyframes mobileLinkIn{0%{transform:translate(12px) scale(.98);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.mobile-links li a{display:block;padding:12px 10px;font-size:1.15rem;color:inherit;text-decoration:none;border-radius:10px}.mobile-links li a:hover{background:#ffffff08}.mobile-links li.theme-switch-wrapper{display:flex;justify-content:center;padding-top:8px;margin-top:8px;border-top:1px solid rgba(255,255,255,.06)}.mobile-links li.theme-switch-wrapper .theme-switch{width:55px;height:28px}.mobile-links li.theme-switch-wrapper .theme-switch .slider:before{height:20px;width:20px}.nav-links{list-style:none;color:#000}.nav-links.open{display:block;position:fixed;top:0;left:0;width:250px;height:100vh;background-color:#111;color:#000;padding-top:60px;z-index:999;transform:translate(0);transition:transform .3s ease-in-out}.nav-links.open li{padding:15px;text-align:center}.nav-links.open li a{color:#fff}.nav-links.open .theme-switch{display:block;padding-top:20px}.hamburger i,.navbar.dark .hamburger i{color:#fff}.navbar.light .hamburger i{color:#000}@media (max-width: 768px){.navbar{padding:12px 20px}.nav-links,.desktop-only{display:none}.hamburger{display:flex;align-items:center;justify-content:center}.navbar.dark .hamburger{background:#ffffff1a;border-color:#fff3;color:#fff}.navbar.light .hamburger{background:#0000000d;border-color:#0000001a;color:#111}}.page-header{width:100%;max-width:900px;display:flex;align-items:center;justify-content:space-between;padding:30px var(--section-padding-inline, 20px) 16px;color:inherit;margin:0 auto;box-sizing:border-box}.logo-link{font-size:1.4rem;font-weight:700;text-decoration:none;color:inherit;transition:color .3s ease;display:inline-flex;align-items:center}.logo-link:hover{color:red}.articles-nav-link{font-size:.95rem;font-weight:500;color:inherit;text-decoration:none;opacity:.8;transition:all .3s ease;position:relative;padding:4px 0}.articles-nav-link:hover,.articles-nav-link.active{opacity:1;color:red}.articles-nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:red;border-radius:2px}.header-social-link{color:inherit;font-size:1.35rem;transition:color .3s ease;display:flex;align-items:center}.hire-me-link{background-color:red;color:#fff!important;padding:8px 20px;border-radius:50px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s ease}@media (max-width: 768px){.page-header{padding:20px 16px 12px}.logo-link{font-size:1.2rem}.articles-nav-link{font-size:.9rem}.hire-me-link{padding:6px 16px;font-size:.9rem}}@media (max-width: 600px){.page-header{padding:16px 12px 10px}.logo-link{font-size:1.1rem}.header-socials{gap:10px}.articles-nav-link{font-size:.85rem}.hire-me-link{padding:5px 12px;font-size:.85rem}.header-social-link{display:none}}.home,body{font-family:Outfit,sans-serif!important;background-color:#f8f8f8;color:#333}.home{width:100%;max-width:100vw;text-align:center;padding:20px 20px 40px;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-x:hidden}.page-header{width:100%;max-width:900px;display:flex;align-items:center;justify-content:space-between;padding:30px var(--section-padding-inline, 20px) 16px;color:inherit}.logo-link{font-size:1.4rem;font-weight:700;text-decoration:none;color:inherit}.header-socials{display:flex;gap:20px;align-items:center}.header-social-link{color:inherit;font-size:1.35rem;transition:color .3s ease}.header-social-link:hover{color:red}.hire-me-link{background-color:red;color:#fff!important;padding:8px 20px;border-radius:50px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s ease;margin-right:10px}.hire-me-link:hover{background-color:#c00;transform:translateY(-2px);box-shadow:0 4px 15px #ff00004d}section{width:100%;border-top:1px solid rgba(255,0,0,.15);padding:50px var(--section-padding-inline, 20px);scroll-margin-top:80px;display:flex;flex-direction:column;align-items:center}body.dark section{border-top-color:#f003}body.light section{border-top-color:#ff000026}.about{width:100%;max-width:900px;margin:0 auto;padding:60px var(--section-padding-inline, 20px) 40px}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:50px;width:100%}.about-text{display:flex;flex-direction:column;gap:16px;text-align:left;align-items:flex-start;max-width:100%}.about-text h2{font-size:2.4rem;font-weight:600;margin:0;font-family:Outfit,sans-serif;color:#111}.about-subtitle{font-size:1.1rem;opacity:.8;margin:0;text-align:left}.about-bio-text{font-size:.92rem;line-height:1.75;color:#555;margin:0;text-align:left}.about-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.about-tag{background:#ff00000f;border:1px solid rgba(255,0,0,.25);color:#c00;border-radius:50px;padding:5px 13px;font-size:.78rem;font-family:Outfit,sans-serif;font-weight:500;transition:all .3s ease;cursor:default}.about-tag:hover{background:#ff000021;border-color:red}.about-image-side{position:relative;display:flex;justify-content:center;align-items:center}.about-hero-image{width:280px;height:auto;max-width:100%;object-fit:contain;transition:transform .4s ease,filter .4s ease;filter:drop-shadow(8px 8px 16px rgba(0,0,0,.05)) drop-shadow(-8px -8px 16px rgba(255,255,255,.8))}.about-hero-image:hover{transform:scale(1.03)}.about-stat-card{position:relative;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ff0000;border-radius:16px;padding:8px 16px;display:flex;flex-direction:row;align-items:center;gap:10px;box-shadow:0 8px 32px #0000000d;width:fit-content;cursor:default;transition:transform .3s ease,background .3s ease}.about-stat-card:hover{background:#ff000014}.about-stat-number{font-size:1.2rem;font-weight:700;color:red;font-family:Outfit,sans-serif;line-height:1}.about-stat-label{font-size:.72rem;color:#666;font-family:Outfit,sans-serif;text-align:left}.about-stats-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;justify-content:flex-start;width:100%}.work{width:100%;max-width:900px;margin:0 auto;padding:40px var(--section-padding-inline, 20px)}.work h2{font-size:2rem;font-weight:600;margin-bottom:28px;font-family:Outfit,sans-serif;text-align:left;width:100%}.projects-list{display:flex;flex-direction:column;gap:32px;width:100%}.project-card-container.extended{width:100%;aspect-ratio:unset;min-height:300px;display:flex;flex-direction:column;perspective:1000px}.project-card-container.extended .project-expandable-card{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;width:100%;min-height:300px;position:relative;overflow:hidden;background:#fff!important;border:1px solid rgba(255,255,255,.6);border-radius:24px;box-shadow:8px 8px 24px #a3b1c64d,-8px -8px 24px #ffffffe6;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;color:#333!important}.project-card-container.extended .project-expandable-card:hover{transform:translateY(-4px);box-shadow:8px 8px 24px #ff00000f,-8px -8px 24px #ffffffe6;border-color:#ff000040}.project-card-container.extended .project-name{color:#111!important;font-size:1.2rem;font-weight:600;margin:0 0 10px;font-family:Outfit,sans-serif;text-align:left}.project-card-container.extended .project-description{color:#555!important;font-size:.82rem;line-height:1.5;margin-bottom:12px;text-align:left}.project-card-container.extended .project-features li{color:#444!important;font-size:.8rem}.project-card-container.extended .tech-item{background:#ff00000d;color:red}.project-card-container.extended.left .project-expandable-card{flex-direction:row-reverse}.project-content-side{flex:1.25;padding:30px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;text-align:left}.project-image-side{flex:.75;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ff000003;border-left:1px solid rgba(255,0,0,.03);min-height:100%}.project-card-container.extended.left .project-image-side{border-left:none;border-right:1px solid rgba(255,0,0,.03)}.project-phone-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.project-card-container.extended.right .project-phone-wrapper{transform:rotate(-5deg) translateY(15px) translate(8px)}.project-card-container.extended.left .project-phone-wrapper{transform:rotate(5deg) translateY(15px) translate(-8px)}.project-card-container.extended .project-expandable-card:hover .project-phone-wrapper{transform:rotate(0) translateY(4px) translate(0)}.project-phone-img{width:auto;max-width:90%;height:auto;max-height:270px;border-radius:24px;box-shadow:0 12px 30px #0003;transition:transform .4s ease;object-fit:contain}.project-bg-logo{position:absolute;right:-30px;bottom:-35px;width:240px;height:auto;opacity:.04;pointer-events:none;z-index:0;transform:rotate(-15deg)}.project-card-container.extended.left .project-bg-logo{right:auto;left:-30px;transform:rotate(15deg)}.project-tech-and-links{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:15px;margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,0,0,.08)}.project-card-container.extended .project-tech{border-top:none;padding-top:0;margin-top:0;flex:1}.project-card-container.extended .project-links{margin-top:0;padding-top:0;display:flex;gap:10px;flex-shrink:0}.project-features{list-style:none;padding:0;margin:0 0 15px;display:flex;flex-direction:column;gap:6px}.project-features li{display:flex;align-items:center;font-size:.8rem;color:#444}.feature-bullet{color:red;margin-right:8px;font-size:.4rem}.tech-title{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:red;margin-bottom:6px;font-weight:600;text-align:left}.tech-grid{display:flex;flex-wrap:wrap;gap:6px}.tech-item{display:flex;align-items:center;background:#ff00000d;padding:3px 8px;border-radius:50px;font-size:.65rem;color:red;font-weight:500}.tech-icon{margin-right:4px}.project-link{display:inline-flex;align-items:center;background:red;color:#fff;padding:5px 12px;border-radius:50px;text-decoration:none;font-size:.72rem;font-weight:600;transition:all .3s ease}.project-link:hover{background:#c00;transform:translateY(-2px);box-shadow:0 4px 12px #f003}.phone-mockup-frame{width:140px;height:280px;background:#000;border-radius:30px;position:relative;box-shadow:0 12px 30px #00000038;border:6px solid #1c1c1e;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.phone-dynamic-island{position:absolute;top:5px;left:50%;transform:translate(-50%);width:36px;height:9px;background:#000;border-radius:8px;z-index:20}.phone-status-bar{position:absolute;top:0;left:0;width:100%;height:16px;display:flex;justify-content:space-between;align-items:center;padding:3px 10px 0;box-sizing:border-box;color:#333;z-index:15;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}.phone-time{font-size:7px;font-weight:600;letter-spacing:-.1px}.phone-status-icons{display:flex;align-items:center;gap:3px}.status-icon{font-size:6px}.status-battery{width:11px;height:6px;border:1px solid #333;border-radius:1.5px;padding:.5px;box-sizing:border-box;display:flex;align-items:center}.battery-level{height:100%;width:8px;background-color:#333;border-radius:.5px}.phone-screen-container{width:100%;height:100%;border-radius:24px;overflow:hidden;background:#faf6f0;position:relative;padding-top:18px;box-sizing:border-box}.phone-screen-img{width:100%;height:100%;object-fit:contain;display:block}@media (max-width: 768px){.project-card-container.extended .project-expandable-card{flex-direction:column!important;min-height:auto}.project-content-side{padding:24px}.project-image-side{height:300px;border-left:none!important;border-right:none!important;border-top:1px solid rgba(255,0,0,.05);padding:16px 0}.project-phone-wrapper{padding:5px}.project-card-container.extended.right .project-phone-wrapper,.project-card-container.extended.left .project-phone-wrapper{transform:rotate(0) translateY(5px) translate(0)!important}.project-phone-img{max-height:240px}.project-tech-and-links{flex-direction:column;align-items:flex-start;gap:12px}.project-card-container.extended .project-links{width:100%;justify-content:flex-start}.secondary-projects-grid{grid-template-columns:1fr;gap:16px}}.skills-section{margin-top:40px;padding:32px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:8px 8px 24px #a3b1c659,-8px -8px 24px #ffffffe6}.skills-section h3{margin-bottom:24px;font-size:1.6rem;font-weight:600;font-family:Outfit,sans-serif;text-align:left}.skills-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.skills-column{display:flex;flex-direction:column;gap:24px}.skills-category h4{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:red;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,0,0,.15);text-align:left}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skill-flat-card{background:#fff;border:1px solid rgba(255,255,255,.6);border-radius:16px;min-height:95px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:14px;box-shadow:4px 4px 10px #a3b1c633,-4px -4px 10px #fffc;transition:all .25s ease}.skill-flat-card:hover{transform:translateY(-4px);box-shadow:6px 6px 15px #ff000014,-6px -6px 15px #ffffffe6;border-color:#ff000040}.skill-flat-icon{font-size:1.8rem;margin-bottom:8px;color:#222}.skill-flat-text-icon{font-size:1.5rem;font-weight:700;color:#222;margin-bottom:8px}.skill-flat-card h5{margin:0;font-size:.75rem;text-align:center;color:#555;font-family:Outfit,sans-serif}@media (max-width: 768px){.skills-columns{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}}.contact{width:100%;max-width:900px;margin:0 auto;padding:40px var(--section-padding-inline, 20px)}.contact h2{font-size:2rem;font-weight:600;margin-bottom:10px;font-family:Outfit,sans-serif;text-align:left;width:100%}.contact-subtitle{font-size:1rem;opacity:.8;margin-bottom:28px;text-align:left;width:100%}.contact-section-card{margin-top:20px;padding:32px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:24px;width:100%;box-shadow:8px 8px 24px #a3b1c659,-8px -8px 24px #ffffffe6;box-sizing:border-box}.contact-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;width:100%;box-sizing:border-box}.contact-channels-column,.contact-form-column{display:flex;flex-direction:column;width:100%}.contact-column-title{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:red;margin:0 0 18px;padding-bottom:8px;border-bottom:1px solid rgba(255,0,0,.15);text-align:left}.contact-flat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.contact-flat-card{background:#fff;border:1px solid rgba(255,255,255,.6);border-radius:16px;min-height:95px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:14px;text-decoration:none;color:#333;transition:all .25s ease;box-sizing:border-box;box-shadow:4px 4px 10px #a3b1c633,-4px -4px 10px #fffc}.contact-flat-card:hover{transform:translateY(-4px);box-shadow:6px 6px 15px #ff000014,-6px -6px 15px #ffffffe6;border-color:#ff000040}.contact-flat-icon{font-size:1.8rem;margin-bottom:8px;color:#222;transition:color .25s ease}.contact-flat-card:hover .contact-flat-icon{color:red}.contact-flat-card h5{margin:0;font-size:.75rem;text-align:center;color:#555;font-family:Outfit,sans-serif;font-weight:600;transition:color .25s ease}.contact-flat-card:hover h5{color:#111}.contact-email-form{display:flex;flex-direction:column;gap:14px;width:100%}.form-group{width:100%}.contact-email-form input,.contact-email-form textarea{width:100%;padding:12px 16px;border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#fff;font-family:Outfit,sans-serif;font-size:.9rem;color:#333;transition:all .25s ease;box-sizing:border-box}.contact-email-form input:focus,.contact-email-form textarea:focus{outline:none;border-color:red;box-shadow:0 0 0 3px #ff000014}.contact-submit-btn{padding:12px 24px;background:red;color:#fff;border:none;border-radius:14px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease;width:100%;box-shadow:0 4px 12px #ff000026}.contact-submit-btn:hover{background:#c00;transform:translateY(-2px);box-shadow:0 6px 18px #ff000040}.footer-info.centered{text-align:center;align-items:center;width:100%;display:flex;flex-direction:column}.footer-info.centered h3{text-align:center}.footer-info.centered .footer-bio{text-align:center;max-width:450px}.footer-info.centered .footer-social-links{justify-content:center}.footer-info.centered .footer-copyright{text-align:center;margin-top:20px}.page-footer{width:100%;padding:60px 20px;margin-top:40px;display:flex;justify-content:center;border-top:1px solid rgba(255,0,0,.15)}.footer-inner{position:relative;overflow:hidden;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);padding:40px;border-radius:24px;box-shadow:8px 8px 24px #a3b1c659,-8px -8px 24px #ffffffe6;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;text-align:left;width:100%;max-width:900px}.footer-column{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.footer-info h3{font-size:1.4rem;margin-bottom:12px;color:#111;margin-top:0}.footer-bio{font-size:.85rem;color:#555;line-height:1.6;margin-bottom:20px}.footer-copyright{font-size:.75rem;color:#888;margin-top:auto}.footer-social-links{display:flex;gap:15px;margin-bottom:15px}.footer-social-links a{color:red;font-size:1.2rem;transition:all .3s ease}.footer-form-container h3{font-size:1.1rem;margin-bottom:20px;color:#111;font-weight:600}.footer-form-container .email-form{max-width:100%}.footer-submit{width:100%}.footer-social-links a:hover{color:#c00;transform:translateY(-2px)}.footer-social-links a:hover svg{animation:footerBeat .6s ease-in-out}@keyframes footerBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.2)}}.features{width:100%;max-width:900px;margin:0 auto;padding:60px var(--section-padding-inline, 20px) 40px}.features h2{font-size:2.4rem;font-weight:600;margin:0 0 10px;font-family:Outfit,sans-serif;text-align:left;color:#111}.features-subtitle{font-size:1.1rem;opacity:.8;margin:0 0 35px;text-align:left;line-height:1.6}.cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;box-sizing:border-box}.feature-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:30px;text-align:left;display:flex;flex-direction:column;box-shadow:8px 8px 20px #a3b1c64d,-8px -8px 20px #fffc;transition:all .3s ease;box-sizing:border-box}.feature-card:hover{transform:translateY(-6px);box-shadow:12px 12px 28px #ff000014,-8px -8px 20px #ffffffe6;border-color:#ff000040}.feature-card .card-icon{width:55px;height:55px;background:#ff00000d;border:1px solid rgba(255,0,0,.15);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:red;margin-bottom:20px;transition:all .3s ease}.feature-card:hover .card-icon{background:red;color:#fff;border-color:red;transform:scale(1.05)}.feature-card h3{font-size:1.2rem;font-weight:600;margin:0 0 12px;color:#111;font-family:Outfit,sans-serif}.feature-card p{font-size:.88rem;line-height:1.6;color:#555;margin:0}@media (max-width: 768px){.cards-container{grid-template-columns:1fr;gap:20px;max-width:450px;margin:0 auto}}.stickers-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.sticker-wrapper{position:absolute;pointer-events:auto;transform:translate(calc(-50% + var(--repel-x, 0px)),calc(-50% + var(--repel-y, 0px)));z-index:2;display:inline-block;width:fit-content}.sticker{width:180px;min-height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:10px 14px;text-align:left;font-family:Outfit,sans-serif;font-weight:200;font-size:.85rem;line-height:1.3;box-shadow:0 8px 32px #0000000d;transition:transform .4s ease,border-color .3s ease;cursor:default;border:1px solid #ff0000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc!important;color:#111}.sticker:hover{transform:scale(1.1)!important;z-index:10;animation-play-state:paused;border-color:red;background:#ff00001a!important}.sticker-rotate{animation:quarterRotate 8s ease-in-out infinite,floatSubtle 15s ease-in-out infinite}.sticker-succession{animation:driftSmooth 7s ease-in-out infinite,floatSubtle 20s ease-in-out infinite reverse}.sticker-wiggle{animation:constantWiggleSlower 2s ease-in-out infinite,floatSubtle 18s ease-in-out infinite}@keyframes quarterRotate{0%,to{transform:rotate(5deg)}50%{transform:rotate(15deg)}}@keyframes driftSmooth{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes constantWiggleSlower{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes floatSubtle{0%,to{translate:0px 0px}50%{translate:10px 15px}}@media (max-width: 1024px){.page-header,.about,.projects,.contact{max-width:720px}}@media (max-width: 768px){.page-header,.about,.projects,.contact{max-width:100%;padding-left:16px;padding-right:16px}.about-inner{grid-template-columns:1fr;gap:30px;text-align:center}.about-text,.about-subtitle,.about-bio-text{text-align:center}.about-text h2{font-size:2rem}.about-tags{justify-content:center}.about-image-side{margin-top:10px;flex-direction:column}.about-image-frame{width:200px;height:240px}.about-stats-row{justify-content:center}.projects h2,.contact h2{font-size:1.7rem}.projects-list{flex-direction:column;gap:20px}.projects-list>*{flex:0 0 100%;max-width:100%}.contact-section-card{padding:24px;border-radius:16px}.contact-columns{grid-template-columns:1fr;gap:32px}.skills-section{padding:20px;border-radius:16px}.skills-section h3{font-size:1.3rem;margin-bottom:20px}.skills-flat-grid{gap:18px}.skill-flat-icon{font-size:1.6rem}.skill-flat-text-icon{font-size:1.4rem}.stickers-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;height:auto;margin-top:20px}.sticker-wrapper{position:relative;transform:none!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important}.footer-inner{flex-direction:column;padding:30px 24px;gap:30px;text-align:center}.footer-column{width:100%;align-items:center}.footer-info,.footer-bio{text-align:center}.footer-social-links{justify-content:center}.footer-form-container{width:100%}.footer-form-container h3{text-align:center}.footer-form-container .email-form{max-width:100%;width:100%}.footer-copyright{text-align:center}}@media (max-width: 600px){.contact-flat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.contact-flat-card{padding:10px;min-height:80px}.contact-flat-icon{font-size:1.5rem;margin-bottom:6px}.footer-inner{padding:24px 20px;gap:24px}.footer-info h3{font-size:1.2rem}.footer-bio{font-size:.8rem}}@media (max-width: 450px){.home{padding:12px 12px 30px}.page-header{padding:20px 0 12px}.about-text h2{font-size:1.7rem}.about-bio-text{font-size:.85rem}.projects h2,.contact h2{font-size:1.5rem}.contact-section-card{padding:16px}.contact-flat-card{padding:8px;min-height:75px}.skills-flat-grid{gap:14px}.skill-flat-icon{font-size:1.4rem}.skill-flat-text-icon{font-size:1.2rem}.skill-flat-card h5{font-size:.68rem}.footer-inner{padding:20px 16px;gap:20px}.footer-info h3{font-size:1.1rem}.footer-bio{font-size:.75rem}.footer-social-links{gap:12px}.footer-social-links a{font-size:1rem}}.home h2,.home h3,.home h4,.home .about-subtitle,.home .features-subtitle,.home .contact-subtitle,.home .footer-bio,.footer-info.centered h3,.footer-info.centered .footer-bio{text-align:left!important}.features,.projects,.contact{align-items:flex-start!important}.footer-info.centered{text-align:left!important;align-items:flex-start!important}.footer-info.centered .footer-social-links{justify-content:flex-start!important}.view-all-container{width:100%;display:flex;justify-content:center!important;margin-top:30px}.view-all-btn{padding:12px 36px;background:transparent;color:red;border:2px solid #ff0000;border-radius:50px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff00000d}.view-all-btn:hover{background:red;color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #f003}.loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .8s cubic-bezier(.65,0,.35,1);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.loader-container:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(255,0,0,.1) 0%,transparent 50%);animation:rotateBackground 20s linear infinite;pointer-events:none}@keyframes rotateBackground{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-logo-wrapper{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.loader-logo-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,0,0,.4));z-index:2}.loader-logo-wrapper:before,.loader-logo-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#ff000040;z-index:1;animation:radarBeep 2s cubic-bezier(.215,.61,.355,1) infinite;pointer-events:none}.loader-logo-wrapper:after{animation-delay:1s}@keyframes logoBeep{0%,to{transform:scale(.95);filter:drop-shadow(0 0 15px rgba(255,0,0,.3))}50%{transform:scale(1.1);filter:drop-shadow(0 0 35px rgba(255,0,0,.8))}}@keyframes radarBeep{0%{transform:scale(.9);opacity:.8}to{transform:scale(2.2);opacity:0}}.progress-indicator{margin-top:50px;width:280px;position:relative}.progress-bar-container{width:100%;height:3px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,red,#f44,#f88,#f44,red);background-size:200% 100%;border-radius:10px;transition:width .2s cubic-bezier(.65,0,.35,1);position:relative;animation:shimmer 1.5s linear infinite}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:200% 0%}}.progress-percentage{text-align:center;margin-top:12px;font-family:Outfit,monospace;font-size:14px;font-weight:600;color:#ffffffb3;letter-spacing:1px}.loading-dots{margin-top:20px;display:flex;gap:8px;justify-content:center}.dot{width:6px;height:6px;background:red;border-radius:50%;animation:bounceDot 1.4s ease-in-out infinite}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounceDot{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-10px);opacity:1}}@media (max-width: 768px){.loader-logo-wrapper{width:90px;height:90px}.progress-indicator{width:240px;margin-top:40px}.progress-percentage{font-size:12px}}@media (max-width: 480px){.loader-logo-wrapper{width:75px;height:75px}.progress-indicator{width:200px;margin-top:35px}.progress-percentage{font-size:11px}.loading-dots{margin-top:15px;gap:6px}.dot{width:5px;height:5px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loader-logo-wrapper{animation:fadeInUp .8s ease-out,logoBeep 1.2s ease-in-out infinite}.progress-indicator{animation:fadeInUp .8s ease-out .2s backwards}.articles-page{width:100%;max-width:100vw;min-height:100vh;background-color:#f8f8f8;color:#333;padding:20px 20px 60px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}body.dark .articles-page{background-color:#000;color:#fff}.articles-container{width:100%;max-width:900px;margin:0 auto;padding:40px 0;display:flex;flex-direction:column;gap:40px}.articles-intro{text-align:left;width:100%}.articles-intro h2{font-size:2.4rem;font-weight:600;margin:0 0 12px;color:#111}body.dark .articles-intro h2{color:#fff}.articles-subtitle{font-size:1.1rem;line-height:1.6;color:#555;margin:0}body.dark .articles-subtitle{color:#ccc}.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%}.article-card-container{text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .3s ease}.article-card{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,0,0,.15);border-radius:20px;padding:24px;display:flex;flex-direction:column;height:100%;box-shadow:0 8px 32px #00000008;text-align:left;transition:all .3s ease}body.dark .article-card{background:#121212cc;border-color:#ff000040;box-shadow:0 8px 32px #0000004d}.article-card-container:not(.placeholder):hover .article-card{transform:translateY(-4px);box-shadow:0 12px 40px #ff00001a;border-color:#f006}body.dark .article-card-container:not(.placeholder):hover .article-card{box-shadow:0 12px 40px #f003}.article-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.article-category{font-size:.72rem;font-weight:700;text-transform:uppercase;color:red;letter-spacing:.05em}.article-num{font-size:.75rem;font-weight:600;color:#888}.article-status-badge{font-size:.65rem;font-weight:600;background:#0000000d;color:#666;padding:4px 8px;border-radius:12px}body.dark .article-status-badge{background:#ffffff14;color:#aaa}.article-title{font-size:1.25rem;font-weight:600;margin:0 0 12px;line-height:1.4;color:#111;transition:color .3s}body.dark .article-title{color:#fff}.article-card-container:not(.placeholder):hover .article-title{color:red}.article-excerpt{font-size:.88rem;line-height:1.6;color:#555;margin:0 0 20px;flex:1}body.dark .article-excerpt{color:#bbb}.article-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,0,0,.08);padding-top:16px;margin-top:auto}.article-meta{display:flex;align-items:center;font-size:.75rem;color:#888}.article-bullet{margin:0 6px}.read-more-link{font-size:.8rem;font-weight:600;color:red;transition:transform .3s ease}.article-card-container:not(.placeholder):hover .read-more-link{transform:translate(4px)}.article-card-container.placeholder{opacity:.7}.article-card-container.placeholder .article-card{border-style:dashed;cursor:default}@media (max-width: 768px){.articles-intro h2{font-size:1.8rem}.articles-subtitle{font-size:.95rem}.articles-grid{grid-template-columns:1fr;gap:20px}.articles-container{padding:20px 16px;gap:30px}}@media (max-width: 480px){.articles-page{padding:12px 12px 40px}.articles-intro h2{font-size:1.5rem;margin-bottom:8px}.articles-subtitle{font-size:.88rem;line-height:1.5}.articles-container{padding:16px 8px;gap:20px}.article-card{padding:18px;border-radius:16px}.article-title{font-size:1.12rem;margin-bottom:8px}.article-excerpt{font-size:.82rem;margin-bottom:16px;line-height:1.5}.article-footer{padding-top:12px;flex-wrap:wrap;gap:8px}.article-meta{font-size:.72rem}.read-more-link{font-size:.75rem}}.article-detail-page{width:100%;max-width:100vw;min-height:100vh;background-color:#f8f8f8;color:#333;padding:20px 20px 80px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}body.dark .article-detail-page{background-color:#000;color:#fff}.article-detail-container{width:100%;max-width:900px;margin:0 auto;padding:20px 0;display:flex;flex-direction:column;gap:20px}.back-link{display:inline-flex;align-items:center;color:red;text-decoration:none;font-weight:600;font-size:.95rem;transition:transform .3s ease;width:fit-content;align-self:flex-start}.back-link:hover{transform:translate(-4px)}.article-content-wrapper{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,0,0,.15);border-radius:24px;padding:48px;box-shadow:0 10px 40px #00000008;text-align:left;display:flex;flex-direction:column;gap:32px}body.dark .article-content-wrapper{background:#121212cc;border-color:#ff000040;box-shadow:0 10px 40px #0000004d}.article-header{border-bottom:1px solid rgba(255,0,0,.1);padding-bottom:24px}.article-tag{font-size:.75rem;font-weight:700;text-transform:uppercase;color:red;letter-spacing:.05em;display:inline-block;margin-bottom:12px}.article-main-title{font-size:2.2rem;font-weight:700;line-height:1.3;margin:0 0 16px;color:#111}body.dark .article-main-title{color:#fff}.article-meta-info{display:flex;align-items:center;font-size:.85rem;color:#666}body.dark .article-meta-info{color:#aaa}.meta-item{display:flex;align-items:center;gap:6px}.meta-icon{color:red}.meta-separator{margin:0 12px}.callout-box{display:flex;gap:20px;padding:24px;border-radius:16px;align-items:flex-start}.callout-icon{font-size:1.8rem;flex-shrink:0}.callout-content{display:flex;flex-direction:column;gap:8px}.callout-content strong{font-size:1.1rem;color:#111}body.dark .callout-content strong{color:#fff}.callout-content p{margin:0;font-size:.95rem;line-height:1.6}.warning-box{background:#ff00000d;border-left:4px solid #ff0000}.warning-box .callout-icon{color:red}.golden-box{background:#ff000014;border-left:4px solid #cc0000}.golden-box .callout-icon{color:#c00}.article-section{display:flex;flex-direction:column;gap:16px}.article-section h2{font-size:1.6rem;font-weight:600;color:#111;margin:20px 0 10px;display:flex;align-items:center;gap:12px}body.dark .article-section h2{color:#fff}.section-num{color:red;font-weight:700}.section-intro-text{font-size:1rem;line-height:1.7;color:#444;margin:0}body.dark .section-intro-text{color:#ccc}.analogy-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000005}body.dark .analogy-card{background:#1e1e1e80;border-color:#ffffff0d}.analogy-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.analogy-icon{font-size:1.5rem;color:red}.analogy-header h3{font-size:1.15rem;font-weight:600;margin:0;color:#111}body.dark .analogy-header h3{color:#fff}.analogy-card p{font-size:.95rem;line-height:1.65;color:#444;margin:0 0 12px}body.dark .analogy-card p{color:#ccc}.analogy-card p:last-child{margin-bottom:0}.analogy-example{background:#fdfdfd;padding:12px 16px;border-radius:8px;border-left:3px solid rgba(255,0,0,.3)}body.dark .analogy-example{background:#0003}.analogy-card code{background:#ff00000d;color:red;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.9rem}.sub-point{margin-top:14px}.sub-point h3{font-size:1.1rem;font-weight:600;color:#111;margin:0 0 8px;display:flex;align-items:center;gap:10px}body.dark .sub-point h3{color:#fff}.bullet-icon{color:red;font-size:.95rem}.sub-point p{margin:0;font-size:.95rem;line-height:1.65;color:#555;padding-left:26px}body.dark .sub-point p{color:#bbb}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.comparison-card{border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px;position:relative}.comparison-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:20px;width:fit-content}.bad-prompt{background:#ff000008;border:1px solid rgba(255,0,0,.15)}.bad-prompt .comparison-badge{background:#ff00001a;color:#d60000}.good-prompt{background:#00b40008;border:1px solid rgba(0,180,0,.15)}.good-prompt .comparison-badge{background:#00b40026;color:green}.prompt-text{font-family:monospace;font-size:.9rem;line-height:1.5;padding:12px;background:#fffc;border-radius:8px;border:1px solid rgba(0,0,0,.05);color:#333}body.dark .prompt-text{background:#0000004d;border-color:#ffffff0d;color:#ddd}.prompt-critique{font-size:.85rem;line-height:1.5}.prompt-critique strong{display:block;margin-bottom:6px;color:#222}body.dark .prompt-critique strong{color:#eee}.prompt-critique ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.prompt-critique ul li{margin:0;display:flex;align-items:flex-start;gap:8px}.prompt-critique ul li:before{content:"•";color:red;font-weight:700}.good-prompt .prompt-critique ul li:before{color:green}.instruction-box{display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000005}body.dark .instruction-box{background:#1e1e1e80;border-color:#ffffff0d}.instruction-item{display:flex;gap:16px;align-items:flex-start}.instruction-icon{font-size:1.25rem;color:red;margin-top:2px;flex-shrink:0}.instruction-item strong{color:#111;display:block;margin-bottom:4px}body.dark .instruction-item strong{color:#fff}.instruction-item p{margin:0;font-size:.95rem;line-height:1.6;color:#555}.bullet-points-list{display:flex;flex-direction:column;gap:16px;margin-top:8px}.bullet-list-item{display:flex;gap:16px;align-items:flex-start}.bullet-num{background:#ff000014;color:red;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.bullet-list-item div{font-size:.95rem;line-height:1.6;color:#444}body.dark .bullet-list-item div{color:#ccc}.bullet-list-item div strong{color:#111}body.dark .bullet-list-item div strong{color:#fff}.strategy-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px}.strategy-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 20px #00000005}body.dark .strategy-card{background:#1e1e1e80;border-color:#ffffff0d}.strategy-icon{font-size:1.5rem;color:red}.strategy-card h4{font-size:1.1rem;font-weight:600;margin:0;color:#111}body.dark .strategy-card h4{color:#fff}.strategy-card p{margin:0;font-size:.9rem;line-height:1.6;color:#555}body.dark .strategy-card p{color:#bbb}.article-writing-footer{border-top:1px solid rgba(255,0,0,.1);padding-top:24px;text-align:center;margin-top:20px}.article-writing-footer p{font-size:1rem;font-style:italic;color:#666;margin:0}body.dark .article-writing-footer p{color:#aaa}.tools-recommendation-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0}.tool-recommendation-card{background:#fff;border:1px solid rgba(255,0,0,.08);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 20px #00000005;font-size:.95rem;line-height:1.6}body.dark .tool-recommendation-card{background:#1e1e1e80;border-color:#ffffff14;box-shadow:0 4px 20px #0003}.tool-recommendation-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.tool-icon-wrapper{width:40px;height:40px;background:#ff00000d;border:1px solid rgba(255,0,0,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:red;flex-shrink:0}body.dark .tool-icon-wrapper{background:#ff00001a;border-color:#ff00004d}.tool-recommendation-card h3{font-size:1.15rem;font-weight:600;margin:0;color:#111}body.dark .tool-recommendation-card h3{color:#fff}.tool-recommendation-card strong{color:#111}body.dark .tool-recommendation-card strong{color:#fff}@media (max-width: 768px){.article-detail-page{padding:16px 12px 60px}.article-detail-container{padding:10px 0}.back-link{font-size:.9rem;margin-left:4px}.article-content-wrapper{padding:24px;gap:24px}.article-main-title{font-size:1.6rem;margin-bottom:12px}.article-meta-info{font-size:.8rem;flex-wrap:wrap;gap:6px}.meta-separator{display:none}.meta-item{margin-right:12px}.article-section h2{font-size:1.25rem;margin-top:14px}.section-intro-text{font-size:.92rem;line-height:1.6}.comparison-grid,.strategy-grid,.tools-recommendation-grid{grid-template-columns:1fr;gap:16px}.callout-box{padding:18px;gap:14px}.callout-icon{font-size:1.5rem}.callout-content strong{font-size:.98rem}.callout-content p{font-size:.88rem;line-height:1.5}.analogy-card{padding:18px}.analogy-header h3{font-size:1.05rem}.analogy-card p{font-size:.88rem;line-height:1.5}.sub-point h3{font-size:1rem}.sub-point p{font-size:.88rem;line-height:1.5;padding-left:20px}.instruction-box{padding:18px;gap:12px}.instruction-item{gap:12px}.instruction-item p{font-size:.88rem;line-height:1.5}.strategy-card,.tool-recommendation-card{padding:18px;gap:8px}.strategy-card h4,.tool-recommendation-card h3{font-size:.98rem}.strategy-card p,.tool-recommendation-card{font-size:.85rem;line-height:1.5}.bullet-list-item{gap:12px}.bullet-list-item div{font-size:.88rem;line-height:1.5}.prompt-text{font-size:.82rem;padding:10px}.prompt-critique{font-size:.78rem}}@media (max-width: 480px){.article-content-wrapper{padding:16px;border-radius:16px;gap:18px}.article-header{padding-bottom:16px}.article-tag{font-size:.7rem;margin-bottom:8px}.article-main-title{font-size:1.35rem;line-height:1.35}.article-section h2{font-size:1.15rem;gap:8px}.bullet-num{width:24px;height:24px;font-size:.78rem}.article-writing-footer p{font-size:.85rem}}.pdf-download-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;background:#ff000005;border:1px dashed rgba(255,0,0,.25);border-radius:20px;margin:30px 0 10px;transition:border-color .3s ease,background-color .3s ease}.pdf-download-cta:hover{background:#ff00000a;border-color:#f006}body.dark .pdf-download-cta{background:#ff00000a;border-color:#ff00004d}body.dark .pdf-download-cta:hover{background:#ff00000f;border-color:#ff000080}.pdf-cta-content{display:flex;align-items:flex-start;gap:20px;text-align:left}.pdf-cta-icon{font-size:2.2rem;color:red;line-height:1;margin-top:2px}.pdf-cta-text{display:flex;flex-direction:column;gap:6px}.pdf-cta-text h3{font-size:1.25rem;font-weight:700;margin:0;color:#111}body.dark .pdf-cta-text h3{color:#fff}.pdf-cta-text p{font-size:.92rem;color:#555;margin:0;line-height:1.5}body.dark .pdf-cta-text p{color:#bbb}.pdf-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(135deg,red,#d60000);border:none;border-radius:30px;cursor:pointer;white-space:nowrap;box-shadow:0 4px 15px #f003;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.pdf-download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff000059;background:linear-gradient(135deg,#ff1a1a,#e60000)}.pdf-download-btn:active{transform:translateY(1px)}.pdf-download-btn.generating{background:linear-gradient(135deg,#555,#333);box-shadow:0 4px 15px #0003;cursor:not-allowed}.pdf-download-btn.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.btn-icon{font-size:1rem}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.pdf-download-cta{flex-direction:column;align-items:stretch;padding:20px;gap:20px}.pdf-cta-content{gap:16px}.pdf-cta-icon{font-size:1.8rem}.pdf-cta-text h3{font-size:1.1rem}.pdf-cta-text p{font-size:.85rem}.pdf-download-btn{width:100%;padding:12px}}.feedback-section{display:flex;flex-direction:column;gap:24px;padding:32px;border-radius:20px;background:#fff9;border:1px solid rgba(255,0,0,.1);box-shadow:0 4px 24px #0000000a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body.dark .feedback-section{background:#14141499;border-color:#f003;box-shadow:0 4px 24px #0000004d}.feedback-header{display:flex;align-items:flex-start;gap:16px}.feedback-icon{font-size:1.8rem;color:red;line-height:1;flex-shrink:0;margin-top:2px}.feedback-header h3{font-size:1.2rem;font-weight:700;margin:0 0 5px;color:#111}body.dark .feedback-header h3{color:#fff}.feedback-header p{font-size:.9rem;color:#666;margin:0;line-height:1.5}body.dark .feedback-header p{color:#bbb}.feedback-form{display:flex;flex-direction:column;gap:20px}.feedback-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feedback-field{display:flex;flex-direction:column;gap:7px}.feedback-field--full{grid-column:1 / -1}.feedback-field label{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#555}body.dark .feedback-field label{color:#aaa}.feedback-field input,.feedback-field textarea{width:100%;padding:12px 14px;font-size:.93rem;font-family:Outfit,sans-serif;border-radius:12px;border:1.5px solid rgba(0,0,0,.1);background:#ffffffe6;color:#111;transition:border-color .25s ease,box-shadow .25s ease;outline:none;resize:vertical;box-sizing:border-box}body.dark .feedback-field input,body.dark .feedback-field textarea{background:#1e1e1ecc;border-color:#ffffff1a;color:#eee}.feedback-field input::placeholder,.feedback-field textarea::placeholder{color:#aaa}body.dark .feedback-field input::placeholder,body.dark .feedback-field textarea::placeholder{color:#555}.feedback-field input:focus,.feedback-field textarea:focus{border-color:#ff000073;box-shadow:0 0 0 3px #ff000014}.feedback-field input:disabled,.feedback-field textarea:disabled{opacity:.55;cursor:not-allowed}.feedback-submit-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:13px 28px;font-size:.93rem;font-weight:700;font-family:Outfit,sans-serif;color:#fff;background:linear-gradient(135deg,red,#c00);border:none;border-radius:30px;cursor:pointer;box-shadow:0 4px 14px #f003;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.feedback-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff000052}.feedback-submit-btn:active:not(:disabled){transform:translateY(1px)}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.feedback-submit-btn.sending{background:linear-gradient(135deg,#555,#333)}.feedback-error{font-size:.88rem;color:#e00;margin:-8px 0 0;padding:10px 14px;background:#ff00000d;border-radius:8px;border-left:3px solid #ff0000}.feedback-success{display:flex;align-items:center;gap:14px;padding:20px 24px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:14px}.feedback-success-icon{font-size:1.4rem;color:#10b981;flex-shrink:0}.feedback-success p{margin:0;font-size:.95rem;color:#065f46;font-weight:500}body.dark .feedback-success p{color:#6ee7b7}@media (max-width: 768px){.feedback-section{padding:22px;gap:18px}.feedback-fields{grid-template-columns:1fr}.feedback-field--full{grid-column:1}.feedback-submit-btn{width:100%;justify-content:center}}.reading-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:transparent;z-index:9999;pointer-events:none}.reading-progress-bar{height:100%;background:linear-gradient(90deg,red,#ff5e3a);width:0%;transition:width .1s ease}.article-engagement{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,0,0,.15);border-bottom:1px solid rgba(255,0,0,.15);padding:20px 0;margin:40px 0;flex-wrap:wrap;gap:20px}body.dark .article-engagement{border-color:#ffffff1a}.like-button{display:inline-flex;align-items:center;gap:10px;background:#ff00000d;border:1px solid rgba(255,0,0,.2);color:red;padding:10px 24px;border-radius:50px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.like-button:hover{background:#ff00001a;transform:translateY(-2px);box-shadow:0 4px 12px #ff000026}.like-button:active{transform:translateY(1px)}.like-button.liked{background:red;border-color:red;color:#fff;box-shadow:0 4px 14px #ff00004d}.like-button.liked:hover{background:#d90000;border-color:#d90000}.like-icon{font-size:1.15rem;transition:transform .2s ease}.like-button:hover .like-icon{transform:scale(1.2)}.share-buttons{display:flex;align-items:center;gap:12px}.share-label{font-size:.9rem;font-weight:600;color:#666;font-family:Outfit,sans-serif}body.dark .share-label{color:#aaa}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;text-decoration:none;font-size:.95rem;transition:all .3s ease}.share-btn.twitter{background:#0000000d;color:#222;border:1px solid rgba(0,0,0,.1)}body.dark .share-btn.twitter{background:#ffffff14;color:#fff;border-color:#ffffff26}.share-btn.twitter:hover{background:#111;color:#fff;border-color:#111;transform:translateY(-2px)}.share-btn.linkedin{background:#0a66c214;color:#0a66c2;border:1px solid rgba(10,102,194,.2)}.share-btn.linkedin:hover{background:#0a66c2;color:#fff;border-color:#0a66c2;transform:translateY(-2px)}*{box-sizing:border-box}html,body{font-family:Outfit,sans-serif;margin:0;padding:0;width:100%;overflow-x:hidden;transition:background-color .3s,color .3s}.App{display:flex;flex-direction:column;min-height:100vh}.App>main{flex:1;padding:0}.footer{margin-top:auto}body.dark{background-color:#000;color:#fff}body.light{background-color:#f5f5f5;color:#111}.logo-angel{display:inline-flex;align-items:center}.logo-a-icon{height:1.3em;width:auto;display:inline-block;vertical-align:middle;margin-top:.1em;margin-left:.12em;margin-right:.03em}.footer-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;height:320px;opacity:.3;filter:blur(3px);pointer-events:none;z-index:0;display:flex;align-items:center;justify-content:center}.footer-watermark img{width:100%;height:100%;object-fit:contain}.footer-logo-title{display:inline-flex!important;align-items:center;justify-content:center}