@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav-links.active{display:flex}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.theme-toggle-btn{align-items:center;background:#fff;background:var(--light-color);border:2px solid #000;border:2px solid var(--dark-color);border-radius:0;color:#000;color:var(--dark-color);cursor:pointer;display:inline-flex;font-size:1.2rem;height:36px;justify-content:center;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;width:36px}.theme-toggle-btn:hover{background:#f5f5f5;box-shadow:0 4px 0 #000;box-shadow:0 4px 0 var(--dark-color);transform:translateY(-1px)}.theme-toggle-btn:focus-visible{outline:3px solid #000;outline:3px solid var(--dark-color);outline-offset:2px}.submit-message{border-radius:4px;font-weight:500;margin-top:10px;padding:10px;text-align:center}body.dark-theme .skills-grid .skill-card{background:#262626;border:1px solid #333;box-shadow:0 2px 8px #ffffff1a;color:#fff}body.dark-theme .skill-item h4,body.dark-theme .skills-grid .skill-card i{color:#fff}body.dark-theme .project-links a{color:#000}body.dark-theme .skills-grid .skill-card .progress-bar,body.dark-theme .skills-grid .skill-card h3,body.dark-theme .skills-grid .skill-card p{color:#fff!important}body.dark-theme .skills-grid .skill-card .progress-bar-bg{background:#333}body.dark-theme .skills-grid .skill-card .progress-bar{background:#fff}body.dark-theme .skill-item{background-color:#262626;border:1px solid #333;color:#fff}body.dark-theme .skill-item .progress-bar{background-color:#333}body.dark-theme .skill-tag{background:linear-gradient(135deg,#262626,#1a1a1a);border-color:#444;color:#fff}body.dark-theme .skill-tag i{color:#fff}body.dark-theme .skill-tag:hover{background:linear-gradient(135deg,#fff,#e0e0e0);border-color:#fff;color:#000}body.dark-theme .skill-tag:hover i{color:#000}body.dark-theme .skill-category h3,body.dark-theme .skills-subsection h4{color:#fff}body.dark-theme .achievement-card,body.dark-theme .experience-card{background:#1f1f1f;border-color:#333;box-shadow:0 6px 18px #0006}body.dark-theme .achievement-card h3,body.dark-theme .experience-card h3,body.dark-theme .experience-company{color:#fff}body.dark-theme .achievement-description,body.dark-theme .experience-dates,body.dark-theme .experience-description{color:#c7c7c7}body.dark-theme .achievement-tag,body.dark-theme .experience-tag{background:#262626;border-color:#444;color:#fff}body.dark-theme .achievement-link{background:#fff;color:#000}body.dark-theme .achievement-link:hover{background:#e0e0e0;color:#000}body.dark-theme .project-item{background-color:#1a1a1a;border-color:#333}body.dark-theme .project-item>h3{background:#1a1a1a;color:#fff}body.dark-theme .filter-btn{border-color:#fff;color:#fff}body.dark-theme .filter-btn.active,body.dark-theme .filter-btn:hover{background-color:#fff;border-color:#fff;color:#000}body.dark-theme .certificates{background-color:#0a0a0a}body.dark-theme .certificate-card{background:#1a1a1a;border-color:#333}body.dark-theme .certificate-content h3,body.dark-theme .certificate-issuer,body.dark-theme .credential-label{color:#fff}body.dark-theme .certificate-description,body.dark-theme .credential-id{color:#b0b0b0}body.dark-theme .certificate-credential,body.dark-theme .certificate-icon{background:#0a0a0a;border-color:#333}body.dark-theme .certificate-icon i{color:#fff}body.dark-theme .certificate-card:hover .certificate-icon{background:#fff}body.dark-theme .certificate-card:hover .certificate-icon i{color:#000}body.dark-theme .btn-verify{background:#fff;border-color:#fff;color:#000}body.dark-theme .btn-verify:hover{background:#0a0a0a;border-color:#fff;color:#fff}body.dark-theme .certificate-card:hover{box-shadow:8px 8px 0 #333}body.dark-theme .hero-content h1,body.dark-theme .hero-content h2,body.dark-theme .hero-content p{color:#fff}body.dark-theme .hero-buttons .btn-primary{background:#fff;border-color:#fff;color:#000}body.dark-theme .hero-buttons .btn-primary:hover{background:#e0e0e0;border-color:#e0e0e0;color:#000}body.dark-theme .hero-buttons .btn-secondary{background:#0000;border-color:#fff;color:#fff}body.dark-theme .hero-buttons .btn-secondary:hover{background:#fff;border-color:#fff;color:#000}body.dark-theme .btn-primary{background:#fff;color:#000!important}body.dark-theme .btn-primary:hover{background:#f0f0f0;color:#000!important}body.dark-theme .btn-secondary{background:#0000;border:2px solid #fff;color:#fff}body.dark-theme .btn-secondary:hover{background:#fff;color:#000}body.dark-theme .social-icons a,body.dark-theme .social-links a{background:#262626;border:1px solid #333;color:#fff}body.dark-theme .social-icons a:hover,body.dark-theme .social-links a:hover{background:#fff;color:#000}body.dark-theme .about-image-card{background:#1a1a1a;border-color:#333}body.dark-theme .about-details{color:#c7c7c7}body.dark-theme .detail-item i,body.dark-theme .detail-item strong,body.dark-theme .footer-content h2,body.dark-theme .footer-content h2 span,body.dark-theme .footer-content h3{color:#fff}:root{--primary-color:#000;--secondary-color:#1a1a1a;--accent-color:#2a2a2a;--dark-color:#000;--darkbg-color:#000;--light-color:#fff;--gray-color:#4a4a4a;--border-color:#e0e0e0;--success-color:#10b981;--error-color:#ef4444;--box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition:all 0.3s ease}body.dark-theme{--primary-color:#fff;--secondary-color:#f0f0f0;--accent-color:#e0e0e0;--dark-color:#fff;--darkbg-color:#1a1a1a;--light-color:#000;--gray-color:#b0b0b0;--border-color:#333;background-color:#fff;background-color:var(--light-color)}body.dark-theme,body.dark-theme .section-header h2{color:#000;color:var(--dark-color)}body.dark-theme .nav-links,body.dark-theme header{background-color:#1a1a1a}body.dark-theme .nav-links a{background:#000;border-color:#fff;color:#fff}body.dark-theme .nav-links a:hover{background:#1a1a1a;box-shadow:0 4px 0 #fff;color:#fff;transform:translateY(-1px)}body.dark-theme .theme-toggle-btn{background:#000;border-color:#fff;color:#fff}body.dark-theme .theme-toggle-btn:hover{background:#1a1a1a;box-shadow:0 4px 0 #fff}body.dark-theme footer{background:#0d0d0d;border-top:1px solid #333;color:#c7c7c7}body.dark-theme .footer-section h3{color:#fff}body.dark-theme .footer-links a{color:#c7c7c7}body.dark-theme .footer-links a:hover{color:#fff}body.dark-theme .newsletter-form input{background:#0d0d0d;border-color:#333;color:#fff}body.dark-theme .newsletter-form input::placeholder{color:#888}body.dark-theme .newsletter-form button{background:#fff;border-color:#fff;color:#000}body.dark-theme .newsletter-form button:hover{background:#e0e0e0;color:#000}body.dark-theme .footer-bottom{border-top-color:#333;color:#888}body.dark-theme .dropdown-content{background-color:#1a1a1a;border:1px solid #333}body.dark-theme .dropdown-content a:hover{background-color:#ffffff1a}body.dark-theme .contact-info-item{background:#1a1a1a;border-color:#333}body.dark-theme .contact-info-item h3,body.dark-theme .contact-info-item i,body.dark-theme .contact-info-item p{color:#fff}body.dark-theme .contact-form{background:#1a1a1a;border:1px solid #333}body.dark-theme .contact-form input,body.dark-theme .contact-form textarea{background:#0d0d0d;border-color:#333;color:#fff}body.dark-theme .contact-form input::placeholder,body.dark-theme .contact-form textarea::placeholder{color:#888}body.dark-theme .dropdown-content{background-color:#fff;background-color:var(--light-color)}body.dark-theme .dropdown-content .portfolio-link:hover,body.dark-theme .dropdown-content a:hover{background-color:#ffffff1a}body.dark-theme .btn-primary{background:#000;background:var(--primary-color);color:#fff}body.dark-theme .btn-secondary{background:#4a4a4a;background:var(--gray-color);color:#60a5fa}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#fff;background-color:var(--light-color);color:#000;color:var(--dark-color);font-family:Poppins,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}img{display:block;height:auto;max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section-header{animation:fadeInUp .8s ease-out;margin-bottom:50px;text-align:center}.section-header h2{color:#000;color:var(--dark-color);font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin-bottom:10px}.underline{animation:slideInLeft .8s ease-out;background:#000;background:var(--dark-color);height:4px;margin:0 auto;width:70px}.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-weight:500;overflow:hidden;padding:12px 30px;position:relative;text-align:center;transition:all .3s ease;transition:var(--transition)}.btn-primary{background-color:#000;background-color:var(--dark-color);border:2px solid #000;border:2px solid var(--dark-color);color:#fff;color:var(--light-color)}.btn-primary:hover{background-color:#1a1a1a;background-color:var(--secondary-color);border-color:#1a1a1a;border-color:var(--secondary-color);box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.btn-secondary{background-color:initial;border:2px solid #000;border:2px solid var(--dark-color);color:#000;color:var(--dark-color)}.btn-secondary:hover{background-color:#000;background-color:var(--dark-color);box-shadow:0 5px 15px #0000004d;color:#fff;color:var(--light-color);transform:translateY(-2px)}.btn-small{border-radius:4px;font-size:.9rem;padding:8px 15px}section{padding:100px 0}header{background-color:#fff;background-color:var(--light-color);border-bottom:2px solid #000;border-bottom:2px solid var(--dark-color);left:0;padding:15px 0;position:fixed;top:0;transition:all .3s ease;transition:var(--transition);width:100%;z-index:1000}header .container{align-items:center;display:flex;justify-content:space-between}.logo h1{font-size:1.8rem;font-weight:700;letter-spacing:-1px}.logo h1,.logo span{color:#000;color:var(--dark-color)}.logo span{font-weight:900}nav{gap:20px}.nav-links,nav{align-items:center;display:flex}.nav-links li{margin-left:0}.nav-links a{align-items:center;background-color:#fff;background-color:var(--light-color);border:2px solid #000;border:2px solid var(--dark-color);border-radius:0;color:#000;color:var(--dark-color);display:inline-flex;font-weight:500;height:36px;justify-content:center;margin-right:10px;padding:0 15px;position:relative;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.nav-links a:after{display:none}.nav-links a:hover{background:#f5f5f5;box-shadow:0 4px 0 #000;box-shadow:0 4px 0 var(--dark-color);color:#000;color:var(--dark-color);transform:translateY(-1px)}.nav-links a:focus-visible{outline:3px solid #000;outline:3px solid var(--dark-color);outline-offset:2px}.nav-button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;padding:0;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.nav-button:hover{color:#000;color:var(--primary-color)}.nav-button:focus{outline:2px solid #000;outline:2px solid var(--primary-color);outline-offset:2px}.portfolio-dropdown{position:relative}.dropdown-content{background-color:#fff;border-radius:5px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--box-shadow);display:none;left:0;min-width:200px;padding:10px 0;position:absolute;top:100%;z-index:1}.dropdown-content .portfolio-link,.dropdown-content a{color:inherit;display:block;padding:10px 20px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.dropdown-content .portfolio-link:hover,.dropdown-content a:hover{background-color:#f1f5f9}.portfolio-dropdown:hover .dropdown-content{display:block}.nav-controls{align-items:center;display:flex;gap:20px}.hamburger{cursor:pointer;display:none}.bar{background-color:#000;background-color:var(--dark-color);display:block;height:3px;margin:5px auto;transition:all .3s ease;transition:var(--transition);width:25px}.hero{background:linear-gradient(135deg,#fff,#fff);background:linear-gradient(135deg,var(--light-color) 0,var(--light-color) 100%);padding-bottom:100px;padding-top:150px}.hero .container{align-items:center;display:flex;justify-content:space-between}.hero-content{animation:slideInLeft .8s ease-out;flex:1 1;padding-right:50px}.hero-content h1{color:#000;color:var(--dark-color);font-size:3.5rem;font-weight:700;letter-spacing:-2px;line-height:1.2;margin-bottom:10px}.hero-content h1 span{color:#000;color:var(--dark-color);font-weight:900}.hero-content h2{animation:slideInLeft .8s ease-out .1s both;font-size:1.8rem;font-weight:600;margin-bottom:20px}.hero-content h2,.hero-content p{color:#4a4a4a;color:var(--gray-color)}.hero-content p{animation:slideInLeft .8s ease-out .2s both;font-size:1.1rem;margin-bottom:30px}.hero-buttons{animation:slideInLeft .8s ease-out .3s both;display:flex;gap:15px;margin-bottom:30px}.social-icons{animation:slideInLeft .8s ease-out .4s both;display:flex;gap:15px}.social-icons a{align-items:center;background-color:#000;background-color:var(--dark-color);border:2px solid #000;border:2px solid var(--dark-color);border-radius:50%;color:#fff;color:var(--light-color);display:flex;height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.social-icons a:hover{background-color:#fff;background-color:var(--light-color);color:#000;color:var(--dark-color);transform:translateY(-5px) rotate(10deg)}.hero-image{animation:slideInRight .8s ease-out;display:flex;flex:1 1;justify-content:flex-end}.hero-image img{border:3px solid #000;border:3px solid var(--dark-color);border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:80%;transition:all .3s ease;transition:var(--transition)}.hero-image img:hover{transform:scale(1.05) rotate(-2deg)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.about-content{align-items:center;display:flex;gap:50px}.about-image{animation:slideInLeft .8s ease-out;flex:1 1}.about-image img{border:3px solid #000;border:3px solid var(--dark-color);border-radius:10px;box-shadow:0 10px 30px #0003;transition:all .3s ease;transition:var(--transition)}.about-image img:hover{transform:scale(1.05)}.about-text{animation:slideInRight .8s ease-out;flex:1 1}.about-text h3{color:#000;color:var(--dark-color);font-size:1.8rem;font-weight:600;margin-bottom:20px}.about-text p{color:#4a4a4a;color:var(--gray-color);margin-bottom:20px}.about-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.detail{align-items:center;display:flex;gap:15px}.detail i{font-size:1.5rem;transition:all .3s ease;transition:var(--transition)}.detail h4,.detail i{color:#000;color:var(--dark-color)}.detail h4{font-weight:600;margin-bottom:5px}.detail p{color:#4a4a4a;color:var(--gray-color);margin-bottom:0}.skills-content{display:flex;flex-direction:column;gap:50px}.skill-category h3{color:#000;color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:30px;padding-bottom:15px;position:relative}.skill-category h3:after{background:linear-gradient(90deg,#000,#0000);background:linear-gradient(90deg,var(--primary-color),#0000);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:10vw}.skills-grid{display:flex;flex-wrap:wrap;gap:30px}.skills-row{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);width:100%}.skills-subsection h4{color:#000;color:var(--dark-color);font-size:1.1rem;font-weight:600;margin-bottom:20px}.skills-list{display:flex;flex-wrap:wrap;gap:15px}.skill-tag{align-items:center;background:linear-gradient(135deg,#fff,#fffc);background:linear-gradient(135deg,var(--light-color),#fffc);border:2px solid #000;border:2px solid var(--dark-color);border-radius:25px;box-shadow:0 2px 8px #0000001a;color:#000;color:var(--dark-color);cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 18px;transition:all .3s ease}.skill-tag i{color:#000;color:var(--primary-color);font-size:1.1rem;transition:transform .3s ease}.skill-tag:hover{background:linear-gradient(135deg,#000,#000);background:linear-gradient(135deg,var(--primary-color),var(--dark-color));border-color:#000;border-color:var(--primary-color);box-shadow:0 8px 20px #00000026;color:#fff;color:var(--light-color);transform:translateY(-5px) scale(1.05)}.skill-tag:hover i{color:#fff;color:var(--light-color);transform:scale(1.3) rotate(15deg)}.achievement-grid,.experience-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.achievement-card,.experience-card{background:#fff;background:var(--light-color);border:1.5px solid #000;border:1.5px solid var(--dark-color);border-radius:16px;box-shadow:0 6px 18px #00000014;padding:24px;transition:transform .25s ease,box-shadow .25s ease}.achievement-card:hover,.experience-card:hover{box-shadow:0 12px 28px #00000026;transform:translateY(-6px)}.achievement-header,.experience-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:12px}.experience-header>div{text-align:left}.achievement-card h3,.experience-card h3{color:#000;color:var(--dark-color);font-size:1.2rem;margin-bottom:4px}.experience-company{color:#000;color:var(--primary-color);font-weight:600}.experience-dates{color:#6b7280;font-size:.9rem;font-weight:500}.achievement-description,.experience-description{color:#4b5563;margin-bottom:14px;text-align:justify}.achievement-tags,.experience-tags{display:flex;flex-wrap:wrap;gap:10px}.achievement-tag,.experience-tag{background:#00000005;border:1.5px solid #000;border:1.5px solid var(--dark-color);border-radius:999px;color:#000;color:var(--dark-color);font-size:.85rem;font-weight:500;padding:6px 12px}.achievement-link{align-items:center;background:#000;background:var(--dark-color);border-radius:999px;color:#fff;color:var(--light-color);display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;padding:6px 14px;transition:all .3s ease;transition:var(--transition)}.achievement-link:hover{background:#000;background:var(--primary-color);transform:translateY(-2px)}.project-filters{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:40px}.filter-btn{background-color:initial;border:2px solid #000;border:2px solid var(--dark-color);border-radius:50px;color:#000;color:var(--dark-color);cursor:pointer;font-weight:500;padding:8px 20px;transition:all .3s ease;transition:var(--transition)}.filter-btn.active,.filter-btn:hover{background-color:#000;background-color:var(--dark-color);border-color:#000;border-color:var(--dark-color);color:#fff;color:var(--light-color);transform:scale(1.05)}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.project-item{animation:fadeInUp .6s ease-out;background-color:#000;background-color:var(--dark-color);border:2px solid #000;border:2px solid var(--dark-color);border-radius:10px;box-shadow:0 4px 15px #0000001a;height:20vh;overflow:hidden;transition:all .3s ease;transition:var(--transition)}.project-item:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-10px) scale(1.02)}.project-img{height:100%;overflow:hidden;position:relative}.project-img img,.project-overlay{transition:all .3s ease;transition:var(--transition)}.project-overlay{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;width:100%}.project-item:hover .project-overlay{opacity:1}.project-item:hover .project-img img{transform:scale(1.1)}.project-info{color:#fff;padding:20px;text-align:center}.project-info h3{font-size:1.5rem;font-weight:600;margin-bottom:10px;word-break:break-word}.project-info p{color:#d1d5db;font-size:1rem;margin-bottom:20px;word-break:break-word}.project-links{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.project-links a{background-color:#fff;color:#000;color:var(--dark-color)}.project-links a:hover{background-color:#000;background-color:var(--primary-color);color:#fff}.certificates{background-color:#fff;background-color:var(--light-color);padding:80px 0}.certificates-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:40px}.certificate-card{animation:fadeInUp .6s ease-out;background:#fff;border:2px solid #000;border:2px solid var(--dark-color);border-radius:0;overflow:hidden;padding:30px;position:relative;transition:all .3s ease;transition:var(--transition)}.certificate-card:before{background:linear-gradient(90deg,#000,#000);background:linear-gradient(90deg,var(--primary-color),var(--dark-color));content:"";height:4px;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.certificate-card:hover:before{left:0}.certificate-card:hover{box-shadow:8px 8px 0 #000;box-shadow:8px 8px 0 var(--dark-color);transform:translateY(-5px)}.certificate-icon{align-items:center;background:#fff;background:var(--light-color);border:2px solid #000;border:2px solid var(--dark-color);display:flex;height:70px;justify-content:center;margin-bottom:20px;width:70px}.certificate-icon,.certificate-icon i{transition:all .3s ease;transition:var(--transition)}.certificate-icon i{color:#000;color:var(--dark-color);font-size:2rem}.certificate-card:hover .certificate-icon{background:#000;background:var(--dark-color)}.certificate-card:hover .certificate-icon i{color:#fff;color:var(--light-color);transform:scale(1.1)}.certificate-content h3{color:#000;color:var(--dark-color);font-size:1.4rem;font-weight:600;margin-bottom:10px}.certificate-issuer{color:#000;color:var(--primary-color);font-size:1rem;font-weight:500;margin-bottom:15px}.certificate-description{color:#4a4a4a;color:var(--gray-color);font-size:.95rem;line-height:1.6;margin-bottom:20px}.certificate-credential{background:#fff;background:var(--light-color);border:1px solid #e5e7eb;font-size:.9rem;margin-bottom:20px;padding:12px}.credential-label{color:#000;color:var(--dark-color);font-weight:600;margin-right:8px}.credential-id{color:#4a4a4a;color:var(--gray-color);word-break:break-all}.btn-verify{align-items:center;background:#000;background:var(--dark-color);border:2px solid #000;border:2px solid var(--dark-color);color:#fff;color:var(--light-color);display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.btn-verify:hover{background:#fff;background:var(--light-color);color:#000;color:var(--dark-color);transform:translateX(5px)}.btn-verify i{font-size:.9rem}.testimonial-slider{overflow:hidden;padding:20px 0;position:relative}.testimonial-track{display:flex;transition:transform .5s ease}.testimonial{min-width:100%;padding:0 15px}.testimonial-content{border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--box-shadow);padding:40px 30px;position:relative}.quote-icon{color:#000;color:var(--primary-color);font-size:2rem;margin-bottom:20px;opacity:.2}.testimonial-content p{color:#4a4a4a;color:var(--gray-color);font-style:italic;margin-bottom:30px}.client-info{align-items:center;display:flex;gap:15px}.client-info img{border-radius:50%;height:60px;object-fit:cover;width:60px}.client-info h4{font-weight:600;margin-bottom:5px}.client-info p{font-size:.9rem;font-style:normal;margin-bottom:0}.slider-controls{margin-top:30px}.next-btn,.prev-btn,.slider-controls{align-items:center;display:flex;justify-content:center}.next-btn,.prev-btn{background-color:#fff;border:none;border-radius:50%;box-shadow:0 2px 10px #0000001a;cursor:pointer;height:40px;transition:all .3s ease;transition:var(--transition);width:40px}.next-btn:hover,.prev-btn:hover{background-color:#000;background-color:var(--primary-color);color:#fff}.slider-dots{display:flex;gap:10px;margin:0 20px}.dot{background-color:#e5e7eb;border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;transition:var(--transition);width:10px}.dot.active{background-color:#000;background-color:var(--primary-color)}.contact-content{display:flex;gap:50px}.contact-form,.contact-info{animation:fadeInUp .8s ease-out;flex:1 1}.contact-form h3,.contact-info h3{color:#000;color:var(--dark-color);font-size:1.8rem;font-weight:600;margin-bottom:20px}.contact-info p{color:#4a4a4a;color:var(--gray-color);margin-bottom:30px}.contact-details{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.contact-item{align-items:center;border:2px solid #000;border:2px solid var(--dark-color);border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s ease;transition:var(--transition)}.contact-item:hover{background-color:#000;background-color:var(--dark-color);color:#fff;color:var(--light-color);transform:translateX(5px)}.contact-item i{color:#000;color:var(--dark-color);font-size:1.5rem;transition:all .3s ease;transition:var(--transition)}.contact-item:hover i{color:#fff;color:var(--light-color)}.contact-item h4{color:#000;color:var(--dark-color);font-weight:600;margin-bottom:5px}.contact-item:hover h4{color:#fff;color:var(--light-color)}.social-links{display:flex;gap:15px}.social-links a{align-items:center;background-color:#000;background-color:var(--dark-color);border:2px solid #000;border:2px solid var(--dark-color);border-radius:50%;color:#fff;color:var(--light-color);display:flex;height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.social-links a:hover{transform:translateY(-5px) rotate(10deg)}.form-group input,.form-group textarea,.social-links a:hover{background-color:#fff;background-color:var(--light-color);color:#000;color:var(--dark-color)}.form-group input,.form-group textarea{border:2px solid #000;border:2px solid var(--dark-color);border-radius:5px;font-family:inherit;font-size:1rem;padding:15px;transition:all .3s ease;transition:var(--transition);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#000;border-color:var(--dark-color);box-shadow:0 0 0 3px #0000001a;outline:none}.form-group textarea{height:150px;resize:none}footer{background-color:#000;background-color:var(--dark-color);border-top:3px solid #000;border-top:3px solid var(--dark-color);color:#fff;color:var(--light-color);padding:80px 0 20px}.footer-content{display:flex;justify-content:space-between;margin-bottom:50px}.footer-logo h2{font-size:2rem;font-weight:700;margin-bottom:10px}.footer-logo h2,.footer-logo span{color:#fff;color:var(--light-color)}.footer-logo p{color:#a0a0a0}.footer-links h3,.footer-newsletter h3{color:#fff;color:var(--light-color);font-size:1.2rem;font-weight:600;margin-bottom:20px}.footer-links ul{display:flex;flex-direction:column;gap:10px}.footer-links a{color:#a0a0a0;position:relative;transition:all .3s ease;transition:var(--transition)}.footer-links a:before{background-color:#fff;background-color:var(--light-color);bottom:-3px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-links a:hover{color:#fff;color:var(--light-color)}.footer-links a:hover:before{width:100%}.footer-newsletter p{color:#a0a0a0;margin-bottom:15px}.newsletter-form{display:flex}.newsletter-form input{background-color:#fff;background-color:var(--light-color);border:2px solid #fff;border:2px solid var(--light-color);border-radius:5px 0 0 5px;border-right:none;color:#fff;color:var(--light-color);flex:1 1;font-family:inherit;padding:10px 15px}.newsletter-form input::placeholder{color:grey}.newsletter-form button{background-color:#fff;background-color:var(--light-color);border:2px solid #fff;border:2px solid var(--light-color);border-radius:0 5px 5px 0;color:#000;color:var(--dark-color);cursor:pointer;font-weight:600;padding:0 20px;transition:all .3s ease;transition:var(--transition)}.newsletter-form button:hover{background-color:#f0f0f0}.footer-bottom{border-top:2px solid #333;color:#a0a0a0;display:flex;font-size:.9rem;justify-content:space-between;padding-top:20px}.footer-bottom i{color:#ef4444}@media (max-width:1024px){.hamburger{display:block}.theme-toggle-btn{display:inline-flex}.nav-links{background-color:#fff;box-shadow:0 10px 15px -3px #0000001a;flex-direction:column;left:-100%;padding:20px;position:fixed;text-align:center;top:70px;transition:.3s;width:100%}.nav-links.active{left:0}.nav-links li{margin:15px 0}.dropdown-content{box-shadow:none;display:none;min-width:100%;position:static}.portfolio-dropdown:hover .dropdown-content{display:none}.portfolio-dropdown.active .dropdown-content{display:block}.hero .container{flex-direction:column;text-align:center}.projects-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){section{padding:80px 0}.hero-content{margin-bottom:50px;padding-right:0}.hero-buttons,.hero-image,.social-icons{justify-content:center}.about-content,.contact-content,.footer-content{flex-direction:column}.footer-content{gap:30px}.achievement-grid,.certificates-grid,.experience-grid,.skills-row{grid-template-columns:1fr}}@media (max-width:576px){.skills-list{gap:10px;justify-content:center}.skill-tag{font-size:.9rem;padding:8px 14px}.achievement-card,.experience-card{padding:20px}.about-details,.projects-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px;text-align:center}.project-info{font-size:.95rem;max-height:70vw}}.work-page{color:#fff;height:100vh;overscroll-behavior:none;touch-action:none}.activity-card{text-align:left}.work-page *{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.work-page.newsletter-theme .timeline-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.work-page.newsletter-theme .activity-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;color:#333;overflow:hidden;text-align:left}.work-page.newsletter-theme .banner-area{background-position:50%;background-repeat:no-repeat;background-size:cover;height:200px}.work-page.newsletter-theme .content-area{padding:2rem}.work-page.newsletter-theme .project-link{align-items:center;background:#2196f3;border-radius:6px;color:#fff;display:inline-flex;gap:8px;margin-top:1rem;padding:8px 16px;text-decoration:none}.work-page.newsletter-theme .project-link:hover{background:#1976d2}.newsletter-theme-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.newsletter-header{margin-bottom:3rem;text-align:center}.newsletter-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.newsletter-subtitle{color:#5a6c7d;font-size:1.2rem;margin:0}.timeline-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:3rem}.timeline-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;transition:all .3s ease}.timeline-card:hover{box-shadow:0 16px 48px #00000026;transform:translateY(-8px)}.card-image{background-color:#f8f9fa;background-position:50%;background-size:cover;height:200px;position:relative;width:100%}.card-image:after{background:linear-gradient(180deg,#0000,#0000001a);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.card-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:0 0 16px 16px;margin-top:auto;padding:1.5rem;text-align:left}.date-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-flex;font-size:.85rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.date-badge.ongoing{animation:pulse 2s infinite;background:linear-gradient(135deg,#11998e,#38ef7d)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.date-badge .icon{font-size:.8rem}.card-title{color:#2c3e50;font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.card-company{align-items:center;color:#7f8c8d;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.card-company .icon{color:#3498db;font-size:.9rem}.card-description{color:#5a6c7d;font-size:.95rem;line-height:1.6}.card-description,.card-tags{margin-bottom:1.5rem}.tags-icon{color:#8e44ad;font-size:.9rem;margin-bottom:.5rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tags-list .tag{background:#ecf0f1;border:1px solid #d5dbdb;border-radius:12px;color:#2c3e50;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.card-links{display:flex;flex-wrap:wrap;gap:.75rem}.project-link{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.project-link:hover{background:linear-gradient(135deg,#5a67d8,#667eea);box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.timeline-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2rem}.summary-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));text-align:center}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.stat-label{color:#7f8c8d;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.newsletter-theme-container{padding:1rem}.newsletter-title{font-size:2rem}.timeline-grid{gap:1.5rem;grid-template-columns:1fr}.card-content{padding:1.25rem}.summary-stats{gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-number{font-size:2rem}}@media (max-width:480px){.newsletter-title{font-size:1.8rem}.newsletter-subtitle{font-size:1rem}.timeline-grid{gap:1rem}.summary-stats{gap:1.5rem;grid-template-columns:1fr}}.about-text,.contact-info,.footer-newsletter{text-align:left}.book-container{align-items:center;background:linear-gradient(135deg,#8b4513,sienna 50%,#8b4513);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.book-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='100' height='100'%3E%3Cpath fill='%23654321' d='M0 0h100v100H0z'/%3E%3Cpath d='M0 50q25-10 50 0t50 0' stroke='%23543618' fill='none' opacity='.3'/%3E%3Cpath d='M0 25q25-10 50 0t50 0M0 75q25-10 50 0t50 0' stroke='%23543618' stroke-width='.5' fill='none' opacity='.2'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:0}.book-background{background:#2f1b14;border-radius:10px;box-shadow:0 0 50px #00000080,inset 0 0 20px #0000004d;height:600px;position:absolute;width:900px;z-index:1}.book-spine{background:linear-gradient(180deg,#1a0f0a 0,#2f1b14 50%,#1a0f0a);bottom:0;box-shadow:inset 2px 0 4px #0006,inset -2px 0 4px #0006;left:50%;position:absolute;top:0;transform:translateX(-50%);width:8px}.book-content{display:flex;height:600px;position:relative;transition:transform .6s ease;width:900px;z-index:2}.book-content.page-turning{transform:scale(.98)}.left-page,.right-page{background:linear-gradient(135deg,#fff8dc,beige);box-shadow:inset 0 0 20px #8b45131a;height:100%;position:relative;width:50%}.left-page{border-radius:10px 0 0 10px;border-right:1px solid tan}.right-page{border-left:1px solid tan;border-radius:0 10px 10px 0}.page-shadow{bottom:0;pointer-events:none;position:absolute;top:0;width:20px}.left-page .page-shadow{background:linear-gradient(270deg,#8b45131a 0,#0000);right:0}.right-page .page-shadow{background:linear-gradient(90deg,#8b45131a 0,#0000);left:0}.page-content{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:40px;position:relative}.right-page .page-content{justify-content:flex-start}.book-image{background:beige;border:3px solid tan;border-radius:8px;box-shadow:0 4px 15px #0003;display:block;margin-bottom:1rem;object-fit:cover;width:100%}.book-image.placeholder{align-items:center;background:linear-gradient(135deg,#e6e6fa,#d3d3d3);border:2px dashed #999;display:flex;height:80%;justify-content:center}.placeholder-text{color:#666;font-size:1.2rem;font-style:italic}.book-header{margin-bottom:1rem}.book-title{color:#2f1b14;font-family:Georgia,serif;font-size:1.6rem;font-weight:700;line-height:1.2;margin-bottom:.8rem;text-shadow:1px 1px 2px #0000001a}.book-company{align-items:center;color:#8b4513;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.book-company .icon{color:#d2691e;font-size:.9rem}.book-description{color:#4a3429;font-size:.9rem;line-height:1.5;text-align:justify}.book-description,.book-tags{margin-bottom:1rem}.book-tags .tags-icon{color:#8b4513;font-size:.8rem;margin-bottom:.5rem;margin-right:.5rem}.book-tags .tags-list{display:flex;flex-wrap:wrap;gap:.4rem}.book-tags .tag{background:#deb887;border:1px solid tan;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#2f1b14;font-size:.75rem;font-weight:500;padding:.2rem .6rem}.book-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.book-link{align-items:center;background:linear-gradient(135deg,#8b4513,sienna);border:2px solid tan;border-radius:15px;box-shadow:0 3px 10px #8b45134d;color:#fff8dc;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .8rem;text-decoration:none;transition:all .3s ease}.book-link:hover{background:linear-gradient(135deg,sienna,#8b4513);box-shadow:0 5px 15px #8b451366;transform:translateY(-2px)}.page-number{bottom:20px;color:#8b4513;font-size:.9rem;font-weight:500;position:absolute}.page-number.left{left:40px}.page-number.right{right:40px}.nav-arrow{background:#8b4513cc;border:none;border-radius:50%;box-shadow:0 4px 15px #0000004d;color:#fff8dc;cursor:pointer;font-size:1.5rem;height:60px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:10}.nav-arrow:hover{background:#8b4513;box-shadow:0 6px 20px #0006;transform:translateY(-50%) scale(1.1)}.nav-arrow.disabled{background:#8b45134d;cursor:not-allowed}.nav-arrow.disabled,.nav-arrow.disabled:hover{transform:translateY(-50%) scale(.9)}.left-arrow{left:-100px}.right-arrow{right:-100px}.page-indicator{background:#8b4513e6;border-radius:20px;bottom:30px;box-shadow:0 3px 10px #0000004d;color:#fff8dc;font-weight:600;padding:8px 20px}.book-nav,.page-indicator{left:50%;position:absolute;transform:translateX(-50%);z-index:10}.book-nav{bottom:100px;display:flex;gap:10px}.book-nav .nav-dot{background:#8b451380;border-radius:50%;cursor:pointer;height:12px;position:relative;transition:all .3s ease;width:12px}.book-nav .nav-dot.active{background:#8b4513;box-shadow:0 2px 8px #8b451380;transform:scale(1.3)}.book-nav .nav-dot:hover:after{background:#2f1b14e6;border-radius:5px;bottom:25px;box-shadow:0 2px 8px #0000004d;color:#fff8dc;content:attr(data-title);font-size:.8rem;left:50%;padding:5px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.book-container .date-badge{align-items:center;background:linear-gradient(135deg,#8b4513,sienna);border:2px solid tan;border-radius:15px;box-shadow:0 3px 10px #8b45134d;color:#fff8dc;display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;margin-bottom:.8rem;padding:.4rem .8rem}.book-container .date-badge.ongoing{animation:pulse 2s infinite;background:linear-gradient(135deg,#228b22,#32cd32)}.book-container .date-badge .icon{font-size:.7rem}@media (max-width:768px){.book-container{padding:1rem}.book-background,.book-content{height:600px;max-width:400px;width:100%}.left-page{display:none}.right-page{border-left:none;border-radius:10px;width:100%}.right-page .page-shadow{display:none}.page-content{padding:25px}.book-title{font-size:1.4rem;margin-bottom:.8rem}.book-description{font-size:.85rem;line-height:1.4}.book-tags .tag{font-size:.7rem;padding:.2rem .5rem}.book-link{font-size:.75rem;padding:.4rem .7rem}.left-arrow{left:-70px}.left-arrow,.right-arrow{font-size:1.2rem;height:50px;width:50px}.right-arrow{right:-70px}.book-spine{display:none}}@media (max-width:480px){.book-background,.book-content{height:550px;max-width:350px}.page-content{padding:20px}.book-title{font-size:1.2rem;margin-bottom:.6rem}.book-company{font-size:.9rem;margin-bottom:.8rem}.book-description{font-size:.8rem;line-height:1.4}.book-description,.book-tags{margin-bottom:.8rem}.book-tags .tag{font-size:.65rem;padding:.15rem .4rem}.book-links{margin-bottom:.8rem}.book-link{font-size:.7rem;padding:.35rem .6rem}.left-arrow{left:-60px}.left-arrow,.right-arrow{font-size:1rem;height:45px;width:45px}.right-arrow{right:-60px}.book-nav{bottom:60px}.book-nav .nav-dot{height:8px;width:8px}.page-indicator{bottom:20px;font-size:.8rem;padding:6px 16px}}.sky-container{height:100%;left:0;overflow:hidden;position:fixed;top:0;transition:background-color 1.5s ease;width:100%;z-index:-1}.day-sky{background:linear-gradient(180deg,#87ceeb,#e0f7fa)}.night-sky{background:linear-gradient(180deg,#0b3d91,#1a237e)}.sun-moon{border-radius:50%;height:100px;left:75%;position:absolute;transition:all 1.5s ease;width:100px}.sun{background:#ffc107;box-shadow:0 0 50px #ffc107,0 0 100px #ff9800;top:15%}.moon{background:#f5f5f5;box-shadow:0 0 20px #e0e0e0,0 0 40px #bdbdbd;top:15%}.stars{height:100%;left:0;opacity:0;top:0;transition:opacity 1.5s ease;width:100%}.star,.stars{position:absolute}.star{animation:twinkle 2s infinite alternate;background-color:#fff;border-radius:50%}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}.cloud{animation:float 30s linear infinite;border-radius:50px}.cloud,.cloud:after,.cloud:before{background:#fffc;position:absolute}.cloud:after,.cloud:before{border-radius:50%;content:""}.cloud:before{height:50px;left:10px;top:-20px;width:50px}.cloud:after{height:70px;right:10px;top:-30px;width:70px}@keyframes float{0%{transform:translateX(-150%)}to{transform:translateX(150vw)}}.timeline-container{height:100vh;overflow:hidden;position:relative;width:100vw}.activity-slide{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale(.9);transition:opacity .8s ease,transform .8s ease;width:100%}.activity-slide.active{opacity:1;pointer-events:all;transform:scale(1)}.activity-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 15px 30px #0000004d;max-width:800px;overflow:hidden;padding:40px;position:relative;width:90%}.activity-card:before{background:linear-gradient(180deg,#4caf50,#2196f3);content:"";height:100%;left:0;position:absolute;top:0;width:5px}.date-badge{background:linear-gradient(90deg,#4caf50,#2196f3);border-radius:30px;box-shadow:0 5px 15px #0003;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:20px;padding:8px 16px}.ongoing{background:linear-gradient(90deg,#ff9800,#f44336)}h2{background:linear-gradient(90deg,#fff,#e0e0e0);-webkit-background-clip:text;font-size:2.5rem;margin-bottom:10px;text-shadow:0 5px 15px #0000001a}.company{color:#bbdefb;font-size:1.2rem;font-weight:500;margin-bottom:25px}.description{color:#e0e0e0;line-height:1.8;margin-bottom:25px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;font-size:.9rem;padding:6px 14px;transition:all .3s ease}.tag:hover{background:#fff3;transform:translateY(-3px)}.timeline-nav{display:flex;flex-direction:column;gap:15px;position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:100}.nav-dot{background:#ffffff4d;border-radius:50%;cursor:pointer;height:15px;position:relative;transition:all .3s ease;width:15px}.nav-dot.active{background:#fff;transform:scale(1.3)}.nav-dot:hover:after{background:#000000b3;border-radius:5px;color:#fff;content:attr(data-title);font-size:.8rem;padding:5px 10px;position:absolute;right:25px;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}.work-page.note-theme .nav-dot:hover:after{background:#8b4513;border:1px solid #d2691e;box-shadow:0 2px 8px #8b45134d;color:#fff8dc}.work-page.newsletter-theme .nav-dot:hover:after{background:#2196f3;border:1px solid #1976d2;box-shadow:0 2px 8px #2196f34d;color:#fff}.scroll-indicator{align-items:center;bottom:30px;color:#fff;display:flex;flex-direction:column;font-size:.9rem;gap:10px;left:50%;opacity:.7;position:fixed;transform:translateX(-50%);transition:opacity .3s ease;z-index:100}.scroll-indicator:hover{opacity:1}.scroll-arrows{align-items:center;animation:bounce 2s infinite;display:flex;flex-direction:column}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.form-container{background:#1e1e1ee6;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 15px 30px #0000004d;max-width:600px;padding:40px;position:relative;width:90%}.form-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4caf50,#2196f3);-webkit-background-clip:text;font-size:1.8rem;margin-bottom:30px;text-align:center}.close-form{color:#fff;cursor:pointer;font-size:1.5rem;position:absolute;right:20px;top:20px;transition:all .3s ease}.close-form:hover{color:#f44336;transform:rotate(90deg)}.form-group{margin-bottom:20px}label{color:#e0e0e0;display:block;font-weight:500;margin-bottom:8px}input,select,textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}input:focus,select:focus,textarea:focus{background:#ffffff26;border-color:#ffffff4d;outline:none}.checkbox-group{align-items:center;display:flex;gap:10px}.checkbox-group input{width:auto}.tag-input{display:flex;gap:10px;margin-top:10px}.tag-input input{flex:1 1}.tag-input button{background:linear-gradient(90deg,#4caf50,#2196f3);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:0 15px;transition:all .3s ease}.tag-input button:hover{background:linear-gradient(90deg,#2e7d32,#1565c0);transform:translateY(-3px)}.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag-pill{align-items:center;background:#ffffff1a;border-radius:15px;color:#fff;display:flex;font-size:.8rem;gap:5px;padding:5px 10px}.tag-pill span{cursor:pointer;font-weight:700}.submit-btn{background:linear-gradient(90deg,#4caf50,#2196f3);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-top:20px;padding:12px 20px;transition:all .3s ease;width:100%}.submit-btn:hover{background:linear-gradient(90deg,#2e7d32,#1565c0);box-shadow:0 5px 15px #0000004d;transform:translateY(-3px)}@media screen and (max-width:768px){.activity-card{padding:30px}h2{font-size:1.8rem}.timeline-nav{right:15px}.nav-dot{height:12px;width:12px}}.progress-bar{height:5px;transition:width .3s ease;z-index:100}body.newsletter-theme{background:#fff!important;color:#222!important;height:auto!important}body.newsletter-theme .banner-area:before{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:-10px;filter:blur(3px);left:-10px;right:-10px;top:-10px;z-index:0}body.newsletter-theme .banner-area:after{background:linear-gradient(45deg,hsla(0,0%,50%,.151));content:"";inset:0;position:absolute;z-index:1}body.newsletter-theme .cloud,body.newsletter-theme .progress-bar,body.newsletter-theme .scroll-indicator,body.newsletter-theme .sky-container,body.newsletter-theme .stars,body.newsletter-theme .sun-moon,body.newsletter-theme .timeline-nav{display:none!important}body.newsletter-theme .activity-card{background:#fff;box-shadow:0 4px 20px #0000001a;margin:40px auto}body.newsletter-theme .banner-area{background-color:#1e3a8a;background-position:50%;background-size:cover;overflow:hidden;position:relative;width:40%}body.newsletter-theme .banner-area:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}body.newsletter-theme .content-area{background:#fff;display:flex;flex-direction:column;gap:20px;padding:40px;width:60%}body.newsletter-theme .links{display:flex;flex-wrap:wrap;gap:12px;margin-top:5px}body.newsletter-theme .project-link{align-items:center;background:#1e3a8a;border-radius:6px;color:#fff;display:inline-flex;font-size:.95rem;gap:8px;padding:8px 16px;text-decoration:none;transition:all .3s ease}body.newsletter-theme .project-link:hover{background:#2563eb;box-shadow:0 4px 12px #2563eb33;transform:translateY(-2px)}body.newsletter-theme .project-link i{font-size:.85rem}body.newsletter-theme .content-header{margin-bottom:20px}body.newsletter-theme .content-header h2{color:#1e3a8a;font-size:2.2rem;margin-bottom:10px}body.newsletter-theme .content-header .company{color:#2563eb;font-size:1.1rem;margin-bottom:15px}@media screen and (max-width:768px){body.newsletter-theme .activity-card{background-position:50%;background-size:cover;flex-direction:column!important;min-height:auto;position:relative}body.newsletter-theme .banner-area{display:none}body.newsletter-theme .content-area{background:#fffffff2;position:relative;width:100%;z-index:2}}body.newsletter-theme .timeline-container{overflow:hidden;position:relative}body.newsletter-theme .activity-slide{align-items:center;display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateY(100px);transition:all .8s cubic-bezier(.4,0,.2,1);width:100%}body.newsletter-theme .activity-slide.visible{opacity:1;pointer-events:all;transform:translateY(0)}body.newsletter-theme .activity-slide.previous{opacity:0;transform:translateY(-100px)}body.newsletter-theme .activity-card{margin:0 auto;max-width:1200px;width:90%}@media (prefers-reduced-motion:reduce){body.newsletter-theme .activity-slide{transform:none;transition:opacity .5s ease-out}}body.newsletter-theme{background-color:#202325!important}body.newsletter-theme .timeline-container{box-shadow:0 0 40px #00000014}body.newsletter-theme .activity-card{background:#fff!important;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 16px #00000014;color:#222!important;display:flex;margin:40px 20px;min-height:400px;overflow:hidden}body.newsletter-theme .activity-card:nth-child(2n){flex-direction:row-reverse}body.newsletter-theme .activity-card .image-area{background-color:#1e3a8a;overflow:hidden;position:relative;width:40%}body.newsletter-theme .activity-card .image-area:before{background-position:50%;background-size:cover;bottom:0;content:"";left:0;mix-blend-mode:overlay;opacity:.6;position:absolute;right:0;top:0}body.newsletter-theme .activity-card .content{background:#fff;padding:40px;width:60%}@media screen and (max-width:768px){body.newsletter-theme .activity-card{flex-direction:column!important;min-height:auto}body.newsletter-theme .activity-card .image-area{display:none}body.newsletter-theme .activity-card .content{padding:30px;position:relative;width:100%}body.newsletter-theme .activity-card .content:before{background-position:50%;background-size:cover;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:0}body.newsletter-theme .activity-card .content>*{position:relative;z-index:1}}body.newsletter-theme .date-badge{background:#2196f3!important;box-shadow:none;color:#fff!important}body.newsletter-theme .company{color:#2196f3!important}body.newsletter-theme .description{color:#444!important}body.newsletter-theme .tag{background:#e3f2fd!important;border:1px solid #90caf9!important;color:#1976d2!important}body.newsletter-theme .timeline-nav .nav-dot{background:#90caf9!important}body.newsletter-theme .progress-bar,body.newsletter-theme .timeline-nav .nav-dot.active{background:#2196f3!important}body.newsletter-theme .scroll-indicator{color:#2196f3!important}body.newsletter-theme .back-btn{background:#2196f3!important;color:#fff!important}body.newsletter-theme .form-container{background:#fff!important;border:1px solid #e0e0e0;color:#222!important}body.newsletter-theme .form-title{-webkit-text-fill-color:#2196f3!important;background:none!important;color:#2196f3!important}body.newsletter-theme label{color:#1976d2!important}body.newsletter-theme input,body.newsletter-theme select,body.newsletter-theme textarea{background:#e3f2fd!important;border:1px solid #90caf9!important;color:#222!important}body.newsletter-theme .submit-btn{background:#2196f3!important;color:#fff!important}body.newsletter-theme .tag-pill{background:#e3f2fd!important;color:#1976d2!important}
/*# sourceMappingURL=main.7d36486f.css.map*/