@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&family=Manrope:wght@200..800&display=swap";.header{padding:20px 0;margin-bottom:10px;position:fixed;width:100%;top:0;z-index:1000;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fffc}body.dark-mode .header{background-color:#121212cc}.header .container{display:flex;justify-content:space-between;align-items:center}.header.scrolled{box-shadow:0 2px 10px #0000001a;padding:15px 0}.logo{font-size:1.5rem;font-weight:600;z-index:2;position:relative;transition:transform .5s cubic-bezier(.68,-.55,.27,1.55);letter-spacing:1px;color:var(--text-dark)}.logo:hover{transform:translateY(-2px)}nav ul{display:flex;list-style:none}nav ul li{margin-left:40px}nav ul li a{font-size:14px;transition:all .3s ease;display:inline-block;position:relative;padding-bottom:5px;color:var(--text-dark);text-decoration:none}.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:var(--accent-color);transition:width .5s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link:hover,.nav-link.active{color:var(--accent-color);transform:translateY(-2px)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background-color:var(--bg-light-gray);cursor:pointer;transition:background-color .3s ease;margin-right:20px;color:var(--text-dark)}.theme-toggle svg{font-size:18px;transition:transform .5s ease}.theme-toggle:hover svg{transform:rotate(30deg)}.hamburger{display:none;cursor:pointer;z-index:2;width:30px;height:24px;position:relative;transition:transform .3s ease}.hamburger:hover{transform:scale(1.1)}.hamburger span{width:100%;height:3px;background-color:var(--text-dark);position:absolute;left:0;transition:all .4s cubic-bezier(.68,-.55,.27,1.55);border-radius:4px}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%);width:75%;right:0;left:auto}.hamburger span:nth-child(3){bottom:0}.hamburger.active{transform:rotate(180deg)}.hamburger.active span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:translate(20px)}.hamburger.active span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.hamburger:hover span:nth-child(2){width:100%}@media (max-width: 768px){.theme-toggle{margin-right:15px}nav{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fffffff2;transform:translate(-100%);transition:transform .5s cubic-bezier(.68,-.55,.27,1.55);z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center}body.dark-mode nav{background-color:#121212f2}nav.active{transform:translate(0)}nav ul{flex-direction:column;align-items:center;opacity:0;animation:fadeIn .5s ease forwards .2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}nav.active ul li{margin:15px 0;opacity:0;animation:slideIn .5s ease forwards}nav.active ul li:nth-child(1){animation-delay:.2s}nav.active ul li:nth-child(2){animation-delay:.3s}nav.active ul li:nth-child(3){animation-delay:.4s}nav.active ul li:nth-child(4){animation-delay:.5s}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}nav.active ul li a{font-size:24px;padding:10px;display:inline-block;position:relative}.hamburger{display:flex}}.hero{height:100vh;display:flex;align-items:center;padding:0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-10%;right:-10%;width:500px;height:500px;border-radius:50%;background:linear-gradient(45deg,#0000000d,#00000003);z-index:0}.hero:after{content:"";position:absolute;bottom:-10%;left:-10%;width:400px;height:400px;border-radius:50%;background:linear-gradient(45deg,#0000000d,#00000003);z-index:0}.hero-container{width:95%;max-width:1800px;display:flex;justify-content:space-between;align-items:center}.hero-content{width:70%;max-width:1000px;opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease forwards .3s}.creative-element{width:30%;height:500px;position:relative;display:flex;justify-content:center;align-items:center;z-index:2}.blob-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.blob{position:absolute;width:280px;height:280px;background:linear-gradient(135deg,#00000008,#00000014);border-radius:42% 58% 70% 30%/45% 45% 55% 55%;animation:blob-animation 8s linear infinite;opacity:0;transform:scale(.8);animation-fill-mode:forwards;animation-delay:.5s;transition:transform .3s ease;z-index:1}.blob-shadow{position:absolute;width:280px;height:280px;background:linear-gradient(135deg,#00000003,#0000000a);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:blob-shadow-animation 12s linear infinite;opacity:0;transform:scale(.8) translate(20px,20px);animation-fill-mode:forwards;animation-delay:.8s;z-index:0}@keyframes blob-animation{0%{opacity:0;transform:scale(.8)}10%{opacity:1;transform:scale(1)}25%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}75%{border-radius:40% 60% 30% 70%/60% 40%}to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;opacity:1;transform:scale(1)}}@keyframes blob-shadow-animation{0%{opacity:0;transform:scale(.8) translate(20px,20px)}10%{opacity:.5;transform:scale(1.05) translate(15px,15px)}25%{border-radius:40% 60% 70% 30%/40% 40% 60% 60%}50%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}75%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;opacity:.5;transform:scale(1.05) translate(15px,15px)}}.floating-element{position:absolute;z-index:2;animation:float 10s ease-in-out infinite;opacity:0;animation-fill-mode:forwards}.fe-1{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;border-radius:50%;box-shadow:0 4px 8px #0000000d;animation-duration:12s}.fe-1 svg{font-size:20px;color:#61dafb}.fe-2{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;border-radius:50%;box-shadow:0 4px 8px #0000000d;animation-duration:15s}.fe-2 svg{font-size:18px;color:#f24e1e}.fe-3{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;border-radius:50%;box-shadow:0 4px 8px #0000000d;animation-duration:14s}.fe-3 svg{font-size:19px;color:#f7df1e}.fe-4{animation-duration:16s}.fe-5{animation-duration:13s}.fe-6{animation-duration:17s}.code-snippet{padding:5px 10px;background-color:#ffffffe6;border-radius:4px;font-family:monospace;font-size:14px;color:#333;box-shadow:0 2px 6px #0000000d}.design-element{width:30px;height:30px;background:linear-gradient(135deg,#61dafb,#f24e1e);border-radius:6px;transform:rotate(45deg);box-shadow:0 4px 8px #0000001a}@keyframes float{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}25%{transform:translateY(-15px) rotate(5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(15px) rotate(-5deg)}90%{opacity:1}to{opacity:0;transform:translateY(0) rotate(0)}}.hero-buttons{display:flex;gap:20px;margin-top:40px}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.subtitle{font-size:18px;font-weight:500;text-transform:uppercase;margin-bottom:20px;letter-spacing:2px;color:var(--secondary-color)}.title{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin-bottom:30px;font-weight:700;letter-spacing:-.5px;color:var(--text-dark)}.tagline{font-size:clamp(1.5rem,3.5vw,2.5rem);color:var(--text-medium);font-weight:500;margin-bottom:40px;line-height:1.3}.btn{display:inline-flex;align-items:center;padding:12px 30px;border-radius:9999px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:none;text-decoration:none}.btn svg{margin-left:10px;font-size:14px;transition:transform .3s ease}.btn:hover svg{transform:translate(5px)}.btn-primary{background-color:var(--accent-color);color:var(--light-color)}.btn-primary:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.btn-outline{background-color:transparent;color:var(--text-dark);border:1px solid var(--text-dark)}.btn-outline:hover{background-color:var(--text-dark);color:var(--light-color);transform:translateY(-2px)}.btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:-100%;background:#fff3;transition:transform .4s ease-out;transform:skew(-15deg)}.btn:hover:after{transform:skew(-15deg) translate(200%)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;opacity:.7;transition:opacity .3s ease}.scroll-indicator:hover{opacity:1}.mouse{width:30px;height:50px;border:2px solid var(--text-dark);border-radius:20px;position:relative;margin-bottom:10px}.wheel{width:6px;height:6px;background-color:var(--text-dark);border-radius:50%;position:absolute;top:10px;left:50%;transform:translate(-50%);animation:scroll 2s infinite}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}.arrow{display:flex;flex-direction:column;align-items:center;gap:5px}.arrow span{width:10px;height:10px;border-right:2px solid var(--text-dark);border-bottom:2px solid var(--text-dark);transform:rotate(45deg);animation:arrow 2s infinite}.arrow span:nth-child(2){animation-delay:.2s}.arrow span:nth-child(3){animation-delay:.4s}@keyframes arrow{0%{opacity:0;transform:rotate(45deg) translate(-5px,-5px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(5px,5px)}}.skills-badge{position:absolute;bottom:120px;right:50px;display:flex;gap:15px;z-index:5}.skill-icon{width:50px;height:50px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #0000001a;opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards}.skill-icon:nth-child(1){animation-delay:1.8s}.skill-icon:nth-child(2){animation-delay:2s}.skill-icon:nth-child(3){animation-delay:2.2s}.skill-icon:nth-child(4){animation-delay:2.4s}.skill-icon svg{font-size:24px;color:#333}body.dark-mode .skill-icon{background:#333}body.dark-mode .skill-icon svg{color:#fff}@media (max-width: 992px){.hero-container{flex-direction:column;justify-content:center}.hero-content{width:90%;max-width:600px;margin-bottom:40px;text-align:center}.creative-element{width:100%;height:300px}}@media (max-width: 768px){.hero{min-height:100vh;height:auto;padding-top:100px;padding-bottom:60px}.creative-element{margin-top:20px;margin-bottom:100px}.scroll-indicator{bottom:20px}.hero-container{padding-top:20px}.hero-buttons{flex-direction:column;gap:15px}.btn{width:100%;justify-content:center}}@media (max-width: 480px){.hero{padding-top:100px}}.about{min-height:100vh;display:flex;flex-direction:column;justify-content:center}.section-title{font-family:Livvic,sans-serif;font-weight:600;font-style:normal;font-size:48px;margin-bottom:50px;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:0;height:3px;background-color:var(--accent-color);transition:width .5s ease}.section-title:hover:after{width:100%}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-text{font-weight:400;font-size:16px}.about-text p{margin-bottom:20px;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.about-text p.animate{opacity:1;transform:translateY(0)}.profile-container{position:relative;display:flex;justify-content:center;align-items:center;height:100%}.profile-frame{position:relative;width:80%;max-width:400px;aspect-ratio:4 / 5;border-radius:12px;overflow:hidden;box-shadow:0 15px 30px #00000026;transition:transform .5s ease}.profile-frame:hover{transform:translateY(-10px) rotate(2deg)}.profile-image{width:100%;height:100%;overflow:hidden}.profile-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.profile-frame:hover .profile-image img{transform:scale(1.05)}.profile-shape{position:absolute;width:100%;height:100%;top:15px;left:15px;border:3px solid var(--accent-color);border-radius:12px;z-index:-1;transition:transform .5s ease}.profile-frame:hover .profile-shape{transform:translate(-5px,5px)}.profile-dots{position:absolute;width:80px;height:80px;background-image:radial-gradient(var(--text-medium) 2px,transparent 2px);background-size:15px 15px;top:-20px;right:-20px;z-index:-1;opacity:.5}.profile-frame:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:12px;background:linear-gradient(45deg,transparent,rgba(0,0,0,.1),transparent);z-index:-2;animation:glowing 3s linear infinite}body.dark-mode .profile-frame:before{background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent)}@keyframes glowing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-stats{display:flex;gap:30px;margin:30px 0}.stat{display:flex;flex-direction:column}.stat-number{font-size:2.5rem;font-weight:700;color:var(--accent-color);line-height:1}.stat-label{font-size:.9rem;color:var(--text-medium);margin-top:5px}.download-resume{margin-top:20px;display:inline-flex}@media (max-width: 1200px){.section-title{font-size:36px}}@media (max-width: 992px){.about-content{grid-template-columns:1fr;gap:50px}.profile-container{order:-1}}@media (max-width: 480px){.section-title{font-size:28px}.about-stats{flex-direction:column;gap:20px}}.technologies{padding:80px 0}.tech-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.tech-section h2{font-family:Livvic,sans-serif;font-weight:600;font-size:24px;margin-bottom:50px;background-color:#565656;color:transparent;text-shadow:2px 2px 3px rgba(255,255,255,.5);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}body.dark-mode .tech-section h2{background-color:#afafaf;text-shadow:2px 2px 3px rgba(0,0,0,.5)}.tab-container{display:flex;justify-content:center;gap:20px;margin-bottom:40px}.tab-btn{padding:12px 24px;cursor:pointer;border:none;background:#f0f0f0;color:var(--text-dark);border-radius:9999px;transition:all .3s ease;display:flex;align-items:center;gap:10px;font-weight:500}.tab-btn svg{font-size:18px}.tab-btn:hover{background:#e0e0e0;transform:translateY(-2px)}.tab-btn.active{background:var(--accent-color);color:var(--light-color);transform:translateY(-2px);box-shadow:0 5px 15px #0000001a;text-shadow:1px 1px 2px rgba(0,0,0,.3)}body.dark-mode .tab-btn.active{box-shadow:0 5px 15px #0000004d;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.skills{display:flex;justify-content:center;align-items:center;gap:50px;flex-wrap:wrap;margin-top:30px;transition:opacity .5s ease,transform .5s ease}.skills-icon{font-size:50px;transition:all .3s ease;opacity:0;transform:translateY(20px);color:var(--text-dark)}.skills-icon.animate{opacity:1;transform:translateY(0)}.skills-icon:hover{transform:scale(1.2) rotate(5deg);color:var(--accent-color)}body.dark-mode .tab-btn{background:#ffffff1a;color:#fffc}body.dark-mode .tab-btn:hover{background:#fff3;color:#fff}body.dark-mode .tab-btn.active{background:var(--accent-color);color:#fff}@media (max-width: 480px){.tab-btn span{display:none}}.projects{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:100px 0}.projects-filter{display:flex;justify-content:center;gap:15px;margin-bottom:40px}.filter-btn{padding:8px 20px;border:none;background:transparent;color:var(--text-medium);cursor:pointer;font-weight:500;border-radius:9999px;transition:all .3s ease}.filter-btn:hover{color:var(--text-dark);background:#f0f0f0}.filter-btn.active{background:var(--accent-color);color:var(--light-color)}.project-grid{display:grid;grid-template-columns:1fr;gap:40px}.project-item{display:flex;flex-direction:column;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d;background-color:var(--bg-light)}.project-item.animate{opacity:1;transform:translateY(0)}.project-image{position:relative;overflow:hidden;aspect-ratio:16 / 9}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease}.project-image:hover .project-overlay{opacity:1}.project-image:hover img{transform:scale(1.05)}.project-overlay-content{text-align:center;padding:20px;transform:translateY(20px);transition:transform .5s ease;color:var(--light-color)}.project-image:hover .project-overlay-content{transform:translateY(0)}.project-category{display:inline-block;background:#fff3;padding:5px 10px;border-radius:9999px;font-size:12px;margin-bottom:10px}.project-info{padding:25px}.project-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.project-client{font-size:14px;color:var(--text-medium);margin-bottom:5px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.tag{font-size:12px;padding:4px 10px;background-color:var(--bg-light-gray);border-radius:9999px;color:var(--text-medium)}.project-type{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--text-dark)}.project-description{font-size:14px;color:var(--text-medium);margin-bottom:15px;line-height:1.6}.project-link{font-size:14px;color:var(--accent-color);font-weight:500;display:inline-flex;align-items:center;position:relative;text-decoration:none}.project-link:after{content:"→";margin-left:5px;transition:transform .3s ease}.project-link:hover:after{transform:translate(5px)}.btn-small{padding:8px 16px;font-size:14px}.github-pages-container{margin-top:50px;width:100%;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.github-pages-container.visible{opacity:1;transform:translateY(0)}.terminal-container{width:100%;max-width:900px;margin:0 auto;background-color:#1e1e1e;border-radius:12px;overflow:hidden;box-shadow:0 15px 30px #00000026;font-family:Courier New,monospace}.terminal-body{padding:20px;color:var(--text-medium);min-height:300px;max-height:500px;overflow-y:auto}.terminal-line{display:flex;margin-bottom:20px}.terminal-prompt{color:#4cc9f0;margin-right:8px}.terminal-command{color:var(--text-medium)}.terminal-output{margin-top:20px}.loading-spinner-small{width:30px;height:30px;border:3px solid #333;border-top:3px solid #4cc9f0;border-radius:50%;margin:20px auto;animation:spin 1s linear infinite}.no-repos-message{color:#a0a0a0;text-align:center;margin:30px 0}.github-project-item{padding:15px;border-radius:8px;background-color:var(--bg-light);margin-bottom:15px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.github-project-item:hover{background-color:#ffffff1a;transform:translateY(-3px)}.github-project-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.github-icon{font-size:20px;color:var(--accent-color)}.github-project-name{font-weight:700;font-size:16px;color:var(--text-dark)}.github-project-description{color:#a0a0a0;font-size:14px;margin-bottom:10px;line-height:1.4}.github-project-meta{display:flex;gap:15px;margin-bottom:10px}.github-project-size,.github-project-date{font-size:12px;color:#888}.github-project-link{display:inline-block;color:#4cc9f0;text-decoration:none;font-size:14px;transition:color .3s ease}.github-project-link:hover{color:#7dd3f7;text-decoration:underline}@media (min-width: 768px){.project-grid{grid-template-columns:repeat(2,1fr)}.project-item.large{grid-column:1 / -1}}@media (max-width: 768px){.projects-filter{flex-wrap:wrap}}body.dark-mode .filter-btn{color:#ffffffb3}body.dark-mode .filter-btn:hover{color:#fff;background:#ffffff1a}body.dark-mode .filter-btn.active{background:var(--accent-color);color:#fff}body.dark-mode .project-overlay{background:#000c}body.dark-mode .project-category{background:#ffffff4d}body.dark-mode .tag{background:#ffffff1a;color:#fffc}a{text-decoration:none;color:#eee}.contact{min-height:100vh;display:flex;flex-direction:column;justify-content:center;color:#fff}.contact-title{font-family:Manrope,sans-serif;font-optical-sizing:auto;font-size:24px;margin-bottom:40px}.contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px}.form-group{margin-bottom:20px;position:relative}.form-group:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#fff;transition:width .3s ease}.form-group:focus-within:after{width:100%}.form-group input,.form-group textarea{width:100%;background-color:transparent;border:none;border-bottom:1px solid #444;padding:10px 0;color:#fff;font-size:16px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-bottom-color:#fff}.form-group input::placeholder,.form-group textarea::placeholder{color:#777;transition:all .3s ease}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{opacity:.7;transform:translateY(-5px)}.btn-submit{background-color:#fff;color:#000;border:none;margin-top:20px}.btn-submit:hover{background-color:#eee;transform:translateY(-2px);box-shadow:0 4px 8px #ffffff1a}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{animation:spin 1s linear infinite;margin-right:8px}.social-links{font-family:Manrope,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;display:flex;flex-direction:column;justify-content:flex-end}.social-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;cursor:pointer;transition:all .3s ease;padding:10px 0;position:relative}.social-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#fff;transition:width .3s ease}.social-item:hover:after{width:100%}.social-item span{letter-spacing:.4rem;transition:transform .3s ease}.social-item:hover span{transform:translate(5px)}.social-item svg{font-size:18px;transition:all .3s ease}.social-item:hover svg{transform:translate(5px) rotate(5deg);color:#f5f5f5}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr}}.footer{background-color:var(--bg-dark);color:var(--text-light);padding:30px 0}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-logo{font-size:18px;font-weight:600}.footer-copyright{font-size:14px}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:40px;height:40px;border-radius:50%;background-color:var(--accent-color);color:var(--light-color);border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);z-index:999}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background-color:#333;transform:translateY(-5px)}.scroll-to-top svg{transition:transform .3s ease}.scroll-to-top:hover svg{transform:translateY(-2px)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Manrope,sans-serif;line-height:1.6;color:var(--text-dark);position:relative;overflow-x:hidden;background-color:var(--bg-light);transition:background-color .5s ease,color .5s ease}:root{--primary-color: #333;--secondary-color: #666;--accent-color: #000;--light-color: #fff;--bg-light: #ffffff;--bg-off-white: #f8f9fa;--bg-light-gray: #f0f4f8;--bg-dark: #1a1a1a;--text-dark: #333;--text-medium: #666;--text-light: #cdcdcd;--border-color: #e0e0e0}body.dark-mode{--primary-color: #f0f0f0;--secondary-color: #a0a0a0;--accent-color: #0fd8ee;--light-color: #f8f9fa;--bg-light: #121212;--bg-off-white: #1e1e1e;--bg-light-gray: #2a2a2a;--bg-dark: #0a0a0a;--text-dark: #f0f0f0;--text-medium: #a0a0a0;--text-light: #888888;--border-color: #444444}.container{width:90%;max-width:1400px;margin:0 auto;padding:0 15px;position:relative;z-index:2}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-light);transition:background-color .8s ease;z-index:0}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-light);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-cursor{position:fixed;width:20px;height:20px;border-radius:50%;background-color:#0000004d;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .3s,height .3s,background-color .3s;mix-blend-mode:difference}.custom-cursor.active{width:50px;height:50px;background-color:#ffffff80}.page-transition{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-light);z-index:9999;transform:translateY(100%);transition:transform .5s cubic-bezier(.65,0,.35,1)}.page-transition.active{transform:translateY(0)}.josefin-sans{font-family:Josefin Sans,sans-serif}.livvic-semibold{font-family:Livvic,sans-serif;font-weight:600}.livvic-medium{font-family:Livvic,sans-serif;font-weight:500}.manrope{font-family:Manrope,sans-serif}.section{position:relative;z-index:1;padding:100px 0}@tailwind base;@tailwind components;@tailwind utilities;