@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)}.submit-message{border-radius:4px;font-weight:500;margin-top:10px;padding:10px;text-align:center}body.dark-theme .skills-grid .skill-card{background:#232b36;box-shadow:0 2px 8px #0003;color:#e5e7eb}body.dark-theme .skill-item h4,body.dark-theme .skills-grid .skill-card i{color:#60a5fa}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:#e5e7eb!important}body.dark-theme .skills-grid .skill-card .progress-bar-bg{background:#374151}body.dark-theme .skills-grid .skill-card .progress-bar{background:#60a5fa}body.dark-theme .skill-item{background-color:#1f2937;background-color:var(--dark-color);color:#e5e7eb}body.dark-theme .skill-item .progress-bar{background-color:#374151}body.dark-theme .hero-content h1,body.dark-theme .hero-content h2,body.dark-theme .hero-content p{color:#e5e7eb}body.dark-theme .btn-primary{background:#60a5fa}body.dark-theme .btn-secondary{background:#374151;border:1.5px solid #60a5fa;color:#e5e7eb}body.dark-theme .social-icons a,body.dark-theme .social-links a{background:#374151;color:#60a5fa}:root{--primary-color:#2563eb;--secondary-color:#1e40af;--accent-color:#3b82f6;--dark-color:#1f2937;--darkbg-color:#1f2937;--light-color:#f9fafb;--gray-color:#6b7280;--border-color:#e5e7eb;--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:#60a5fa;--secondary-color:#2563eb;--accent-color:#3b82f6;--dark-color:#f9fafb;--darkbg-color:#394555;--light-color:#1f2937;--gray-color:#d1d5db;--border-color:#374151;background-color:#f9fafb;background-color:var(--light-color)}body.dark-theme,body.dark-theme .btn,body.dark-theme .footer-bottom,body.dark-theme .section-header h2{color:#1f2937;color:var(--dark-color)}body.dark-theme .dropdown-content,body.dark-theme .nav-links,body.dark-theme header{background-color:#f9fafb;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:#2563eb;background:var(--primary-color);color:#fff}body.dark-theme .btn-secondary{background:#6b7280;background:var(--gray-color);color:#60a5fa}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#f9fafb;background-color:var(--light-color);color:#1f2937;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{margin-bottom:50px;text-align:center}.section-header h2{color:#1f2937;color:var(--dark-color);font-size:2.5rem;font-weight:700;margin-bottom:10px}.underline{background:#2563eb;background:var(--primary-color);height:4px;margin:0 auto;width:70px}.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-weight:500;padding:12px 30px;text-align:center;transition:all .3s ease;transition:var(--transition)}.btn-primary{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#1e40af;background-color:var(--secondary-color)}.btn-secondary{background-color:initial;border:2px solid #2563eb;border:2px solid var(--primary-color);color:#1f2937;color:var(--dark-color)}.btn-secondary:hover{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.btn-small{border-radius:4px;font-size:.9rem;padding:8px 15px}section{padding:100px 0}header{background-color:#fff;box-shadow:0 2px 10px #0000001a;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}.logo span{color:#2563eb;color:var(--primary-color)}.nav-links{align-items:center;display:flex}.nav-links li{margin-left:30px}.nav-links a{font-weight:500;transition:all .3s ease;transition:var(--transition)}.nav-links a:hover{color:#2563eb;color:var(--primary-color)}.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:#2563eb;color:var(--primary-color)}.nav-button:focus{outline:2px solid #2563eb;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}.hamburger{cursor:pointer;display:none}.bar{background-color:#1f2937;background-color:var(--dark-color);display:block;height:3px;margin:5px auto;transition:all .3s ease;transition:var(--transition);width:25px}.hero{padding-bottom:100px;padding-top:150px}.hero .container{align-items:center;display:flex;justify-content:space-between}.hero-content{flex:1 1;padding-right:50px}.hero-content h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:10px}.hero-content h1 span{color:#2563eb;color:var(--primary-color)}.hero-content h2{font-size:1.8rem;font-weight:600;margin-bottom:20px}.hero-content h2,.hero-content p{color:#6b7280;color:var(--gray-color)}.hero-content p{font-size:1.1rem;margin-bottom:30px}.hero-buttons{margin-bottom:30px}.hero-buttons,.social-icons{display:flex;gap:15px}.social-icons a{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 10px #0000001a;color:#1f2937;color:var(--dark-color);display:flex;height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.social-icons a:hover{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.hero-image{display:flex;flex:1 1;justify-content:flex-end}.hero-image img{border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--box-shadow);max-width:80%}.about-content{align-items:center;display:flex;gap:50px}.about-image{flex:1 1}.about-image img{border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--box-shadow)}.about-text{flex:1 1}.about-text h3{color:#2563eb;color:var(--primary-color);font-size:1.8rem;font-weight:600;margin-bottom:20px}.about-text p{color:#6b7280;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{color:#2563eb;color:var(--primary-color);font-size:1.5rem}.detail h4{font-weight:600;margin-bottom:5px}.detail p{margin-bottom:0}.skills-content{display:flex;flex-direction:column;gap:50px}.skill-category h3{color:#2563eb;color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:30px}.skills-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.skill-item{background-color:#fff;border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--box-shadow);padding:30px 20px;text-align:center;transition:all .3s ease;transition:var(--transition)}.skill-item:hover{transform:translateY(-5px)}.skill-icon{color:#2563eb;color:var(--primary-color);font-size:2.5rem;margin-bottom:15px}.skill-item h4{font-weight:600;margin-bottom:15px}.progress-bar{background-color:#e5e7eb;border-radius:10px;height:8px;margin-bottom:10px;overflow:hidden}.progress{background-color:#2563eb;background-color:var(--primary-color);border-radius:10px;height:100%}.project-filters{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:40px}.filter-btn{background-color:#f1f5f9;border:none;border-radius:50px;cursor:pointer;font-weight:500;padding:8px 20px;transition:all .3s ease;transition:var(--transition)}.filter-btn.active,.filter-btn:hover{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.project-item{background-color:#141321;border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--box-shadow);height:20vh;overflow:hidden;transition:all .3s ease;transition:var(--transition)}.project-item:hover{transform:translateY(-5px)}.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:#1f2937;color:var(--dark-color)}.project-links a:hover{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.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:#2563eb;color:var(--primary-color);font-size:2rem;margin-bottom:20px;opacity:.2}.testimonial-content p{color:#6b7280;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:#2563eb;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:#2563eb;background-color:var(--primary-color)}.contact-content{display:flex;gap:50px}.contact-form,.contact-info{flex:1 1}.contact-form h3,.contact-info h3{color:#2563eb;color:var(--primary-color);font-size:1.8rem;font-weight:600;margin-bottom:20px}.contact-info p{color:#6b7280;color:var(--gray-color);margin-bottom:30px}.contact-details{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.contact-item{align-items:center;display:flex;gap:15px}.contact-item i{color:#2563eb;color:var(--primary-color);font-size:1.5rem}.contact-item h4{font-weight:600;margin-bottom:5px}.social-links{display:flex;gap:15px}.social-links a{align-items:center;background-color:#f1f5f9;border-radius:50%;color:#1f2937;color:var(--dark-color);display:flex;height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.social-links a:hover{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.form-group input,.form-group textarea{border:1px solid #e5e7eb;border:1px solid var(--border-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:#2563eb;border-color:var(--primary-color);outline:none}.form-group textarea{height:150px;resize:none}footer{background-color:#1f2937;background-color:var(--darkbg-color);color:#fff;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 span{color:#2563eb;color:var(--primary-color)}.footer-logo p{color:#d1d5db}.footer-links h3,.footer-newsletter h3{font-size:1.2rem;font-weight:600;margin-bottom:20px}.footer-links ul{display:flex;flex-direction:column;gap:10px}.footer-links a{color:#d1d5db;transition:all .3s ease;transition:var(--transition)}.footer-links a:hover{color:#fff}.footer-newsletter p{color:#d1d5db;margin-bottom:15px}.newsletter-form{display:flex}.newsletter-form input{border:none;border-radius:5px 0 0 5px;flex:1 1;font-family:inherit;padding:10px 15px}.newsletter-form button{background-color:#2563eb;background-color:var(--primary-color);border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;padding:0 20px;transition:all .3s ease;transition:var(--transition)}.newsletter-form button:hover{background-color:#1e40af;background-color:var(--secondary-color)}.footer-bottom{border-top:1px solid #374151;color:#d1d5db;display:flex;font-size:.9rem;justify-content:space-between;padding-top:20px}.footer-bottom i{color:#ef4444}@media (max-width:1024px){.projects-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){section{padding:80px 0}.hamburger{display:block}.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}.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}}@media (max-width:576px){.about-details,.projects-grid,.skills-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}.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;max-width:100%;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.32d2c9eb.css.map*/