@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_b15d38{font-family:Inter,Inter Fallback;font-style:normal}.__variable_b15d38{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_694534{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_694534{--font-jetbrains-mono:"JetBrains Mono","JetBrains Mono Fallback"}.about-section{background:rgba(248,250,252,.5);position:relative;overflow:hidden}.dark .about-section{background:rgba(15,23,42,.5)}.about-section:before{content:"";position:absolute;top:0;right:-10%;width:20%;height:100%;background:linear-gradient(45deg,transparent,rgba(56,178,172,.05));transform:skewX(-15deg)}.about-content{position:relative;z-index:1}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-block;background:rgba(56,178,172,.1);color:var(--accent);border:1px solid rgba(56,178,172,.3);padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500;margin-bottom:1rem}.section-title{font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:1rem;line-height:1.2}.dark .section-title{color:#f7fafc}@media (min-width:768px){.section-title{font-size:3rem}}.section-subtitle{font-size:1.125rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.dark .section-subtitle{color:#94a3b8}.about-main{display:flex;flex-direction:column;gap:4rem}.about-intro{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media (min-width:768px){.about-intro{grid-template-columns:1fr 2fr;gap:3rem}}.about-photo{position:relative;max-width:250px;margin:0 auto}.photo-placeholder{width:200px;height:200px;background:linear-gradient(135deg,var(--secondary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;z-index:2}.photo-icon{font-size:4rem;border-radius:50%}.photo-decoration{position:absolute;top:10px;right:10px;width:200px;height:200px;border:3px solid var(--accent);border-radius:50%;z-index:1}.about-text{text-align:left}.about-title{font-size:1.5rem;font-weight:600;color:var(--primary);margin-bottom:1rem}.dark .about-title{color:#f7fafc}.about-description{font-size:1rem;line-height:1.7;color:#64748b;margin-bottom:1rem}.dark .about-description{color:#cbd5e1}.about-description strong{color:var(--accent);font-weight:600}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media (min-width:768px){.about-stats{grid-template-columns:repeat(4,1fr)}}.stat-item{padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.dark .stat-item{border:1px solid rgba(255,255,255,.1)}.stat-number{font-size:2rem;margin-bottom:.5rem}.stat-label{font-size:.875rem}.about-skills{background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.dark .about-skills{background:rgba(30,41,59,.8);border:1px solid rgba(255,255,255,.1)}.skills-title{font-size:1.5rem;font-weight:600;color:var(--primary);margin-bottom:2rem;text-align:center}.dark .skills-title{color:#f7fafc}.skills-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.skills-grid{grid-template-columns:repeat(2,1fr)}}.skill-category{padding:1rem;border-radius:.5rem;background:rgba(248,250,252,.8);border:1px solid rgba(226,232,240,.5)}.dark .skill-category{background:rgba(15,23,42,.5);border-color:rgba(71,85,105,.5)}.skill-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.skill-icon{font-size:1.25rem}.skill-header h4{font-size:1rem;font-weight:600;color:var(--primary)}.dark .skill-header h4{color:#f1f5f9}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:var(--accent);color:white;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.about-approach{text-align:center}.approach-title{font-size:1.5rem;font-weight:600;color:var(--primary);margin-bottom:2rem}.dark .approach-title{color:#f7fafc}.approach-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.approach-grid{grid-template-columns:repeat(3,1fr)}}.approach-item{padding:2rem 1rem;background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:transform .3s ease}.approach-item:hover{transform:translateY(-5px)}.dark .approach-item{background:rgba(30,41,59,.8);border:1px solid rgba(255,255,255,.1)}.approach-icon{font-size:2.5rem;margin-bottom:1rem}.approach-item h4{font-size:1.125rem;font-weight:600;color:var(--primary);margin-bottom:1rem}.dark .approach-item h4{color:#f7fafc}.approach-item p{color:#64748b;line-height:1.6}.dark .approach-item p{color:#cbd5e1}.about-cta{text-align:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;padding:3rem 2rem;border-radius:1rem;margin-top:2rem}.cta-title{font-size:1.5rem}.cta-text{max-width:500px}@media (min-width:640px){.cta-buttons{flex-direction:row}}.cta-buttons .btn{min-width:200px}.cta-buttons .btn-secondary{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:white}.cta-buttons .btn-secondary:hover{background:rgba(255,255,255,.2)}.contact-layout{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:3rem}@media (min-width:1024px){.contact-layout{grid-template-columns:1fr 1.5fr;gap:4rem}}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-form-fields,.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:768px){.form-row{grid-template-columns:1fr 1fr}}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:#374151;font-size:.875rem}.dark .form-label{color:#d1d5db}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;background:white;color:#111827;transition:all .2s ease;font-size:.875rem}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(56,178,172,.1)}.form-input:hover,.form-textarea:hover{border-color:#d1d5db}.form-input.error,.form-textarea.error{border-color:#ef4444}.form-textarea{resize:vertical;min-height:120px}.dark .form-input,.dark .form-textarea{background:#1f2937;border-color:#4b5563;color:#f9fafb}.dark .form-input:hover,.dark .form-textarea:hover{border-color:#6b7280}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}.form-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}@media (min-width:640px){.form-actions{flex-direction:row}}.btn.loading{background:#9ca3af;cursor:not-allowed;color:white}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.status-message{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:.5rem;margin-top:1rem}.status-message.success{background:rgba(34,197,94,.1);border-left:4px solid #22c55e;color:#166534}.status-message.error{background:rgba(239,68,68,.1);border-left:4px solid #ef4444;color:#dc2626}.dark .status-message.success{background:rgba(34,197,94,.2);color:#86efac}.dark .status-message.error{background:rgba(239,68,68,.2);color:#fca5a5}.status-icon{font-size:1.25rem;flex-shrink:0}.status-message strong{display:block;margin-bottom:.25rem}.status-message p{font-size:.875rem;margin:0}.footer{background:var(--primary);color:white;padding:3rem 0 1rem;margin-top:4rem;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.dark .footer{background:#0f172a}.footer-main{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media (min-width:640px){.footer-main{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.footer-main{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-title{font-size:1.125rem;font-weight:600;color:var(--accent);margin-bottom:.5rem}.footer-description{color:rgba(255,255,255,.8);line-height:1.6;margin-bottom:1rem}.footer-social{display:flex;flex-direction:column;gap:.75rem}.social-link{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.8);text-decoration:none;transition:color .3s ease;font-size:.875rem}.social-link:hover{color:var(--accent)}.social-icon{font-size:1rem}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-link{background:none;border:none;color:rgba(255,255,255,.8);text-align:left;cursor:pointer;padding:0;font-size:.875rem;transition:color .3s ease}.footer-link:hover{color:var(--accent)}.footer-contact{display:flex;flex-direction:column;gap:.75rem}.contact-item{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.8);font-size:.875rem}.contact-icon{font-size:1rem}.footer-divider{height:1px;background:rgba(255,255,255,.2);margin:2rem 0}.footer-bottom{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}@media (min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}.footer-copyright{color:rgba(255,255,255,.7);font-size:.875rem}.footer-legal{margin-top:.5rem}.legal-link{background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;padding:0;font-size:.875rem;transition:color .3s ease}.legal-link:hover,.scroll-to-top{color:var(--accent)}.scroll-to-top{display:flex;align-items:center;gap:.5rem;background:rgba(56,178,172,.2);border:1px solid var(--accent);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease}.scroll-to-top:hover{background:var(--accent);color:white;transform:translateY(-2px)}.scroll-icon{font-size:1rem;font-weight:700}*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#1A365D;--secondary:#3182CE;--accent:#38B2AC}body{font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1a202c;line-height:1.6;transition:background .3s ease,color .3s ease}.dark body{background:linear-gradient(135deg,#1A365D,#171923);color:#f7fafc}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);transition:all .3s ease}.header-scrolled{background:rgba(255,255,255,.98);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.dark .header{background:rgba(26,54,93,.95);border-bottom-color:rgba(255,255,255,.1)}.dark .header-scrolled{background:rgba(26,54,93,.98)}.header-content{justify-content:space-between;padding:1rem 0}.header-content,.logo-button{display:flex;align-items:center}.logo-button{background:none;border:none;cursor:pointer;text-align:left;gap:.75rem;transition:all .3s ease}.logo-button:hover{transform:translateY(-2px)}.logo-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--accent),#4fd1c7);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 8px rgba(56,178,172,.3)}.logo-avatar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.3));border-radius:50%}.logo-button:hover .logo-avatar{transform:scale(1.1);box-shadow:0 6px 12px rgba(56,178,172,.4)}.logo-initials{font-size:1rem;font-weight:700;color:white;z-index:1;position:relative}.logo-info{display:flex;flex-direction:column}.logo-text{font-size:1.25rem;font-weight:700;color:var(--primary);transition:color .3s ease;line-height:1.2}.logo-subtitle{font-size:.75rem;color:var(--accent);font-weight:500;line-height:1.2}.dark .logo-text{color:#f7fafc}.logo-button:hover .logo-text{color:var(--accent)}.nav-desktop{display:none;gap:.5rem}@media (min-width:768px){.nav-desktop{display:flex}}.nav-link{background:none;border:none;color:#4a5568;font-weight:500;cursor:pointer;padding:.75rem 1rem;position:relative;transition:all .3s ease;border-radius:.5rem;overflow:hidden}.nav-link span{position:relative;z-index:2}.nav-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent),#4fd1c7);opacity:0;transition:opacity .3s ease;border-radius:.5rem}.nav-link.active:before,.nav-link:hover:before{opacity:.1}.nav-link:hover{color:var(--accent);transform:translateY(-2px)}.nav-link.active{color:var(--accent);font-weight:600}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--accent),#4fd1c7);transition:all .3s ease;transform:translateX(-50%)}.nav-link.active:after,.nav-link:hover:after{width:80%}.dark .nav-link{color:#e2e8f0}.dark .nav-link.active:before,.dark .nav-link:hover:before{opacity:.2}.header-actions{gap:1rem}.header-actions,.theme-toggle{display:flex;align-items:center}.theme-toggle{position:static;background:rgba(56,178,172,.1);border:2px solid var(--accent);border-radius:50%;width:2.5rem;height:2.5rem;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.theme-toggle:hover{background:var(--accent);transform:scale(1.1);box-shadow:0 4px 8px rgba(56,178,172,.3)}.dark .theme-toggle{background:rgba(56,178,172,.2)}.theme-icon{font-size:1.25rem;transition:transform .3s ease}.theme-toggle:hover .theme-icon{transform:rotate(180deg)}.mobile-menu-button{display:flex;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:4px;border-radius:.25rem;transition:all .3s ease}.mobile-menu-button:hover{background:rgba(56,178,172,.1)}@media (min-width:768px){.mobile-menu-button{display:none}}.burger-line{width:24px;height:2px;background:var(--primary);transition:all .3s ease;border-radius:1px}.dark .burger-line{background:#f7fafc}.burger-line.active:first-child{transform:rotate(45deg) translate(6px,6px);background:var(--accent)}.burger-line.active:nth-child(2){opacity:0}.burger-line.active:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);background:var(--accent)}.nav-mobile{display:flex;flex-direction:column;gap:.5rem;padding:0;border-top:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.98);max-height:0;overflow:hidden;transition:all .3s ease}.nav-mobile.open{max-height:400px;padding:1rem 0}.dark .nav-mobile{background:rgba(26,54,93,.98);border-top-color:rgba(255,255,255,.1)}.nav-link-mobile{background:none;border:none;color:#4a5568;font-weight:500;cursor:pointer;padding:.75rem 1rem;text-align:left;transition:all .3s ease;border-radius:.5rem;margin:0 .5rem;position:relative;overflow:hidden}.nav-link-mobile:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent),#4fd1c7);opacity:0;transition:opacity .3s ease;border-radius:.5rem}.nav-link-mobile.active:before,.nav-link-mobile:hover:before{opacity:.1}.nav-link-mobile:hover{color:var(--accent);transform:translateX(.5rem)}.nav-link-mobile.active{color:var(--accent);font-weight:600}.dark .nav-link-mobile{color:#e2e8f0}.dark .nav-link-mobile.active:before,.dark .nav-link-mobile:hover:before{opacity:.2}@media (min-width:768px){.mobile-menu-button{display:none}.nav-mobile,.nav-mobile.open{display:none!important}.nav-mobile.open{max-height:0!important;padding:0!important}}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.main-content{padding-top:5rem}.nav-mobile.open .nav-link-mobile{animation:fadeInUp .3s ease forwards}.nav-mobile.open .nav-link-mobile:first-child{animation-delay:.1s}.nav-mobile.open .nav-link-mobile:nth-child(2){animation-delay:.15s}.nav-mobile.open .nav-link-mobile:nth-child(3){animation-delay:.2s}.nav-mobile.open .nav-link-mobile:nth-child(4){animation-delay:.25s}.nav-mobile.open .nav-link-mobile:nth-child(5){animation-delay:.3s}.nav-mobile.open .nav-link-mobile:nth-child(6){animation-delay:.35s}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow:hidden;padding-top:30px}.dark .hero-section{background:linear-gradient(135deg,#0f172a,#1e293b)}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-container{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 0}.hero-content{max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(56,178,172,.1);border:1px solid rgba(56,178,172,.3);color:var(--accent);padding:.75rem 1.5rem;margin-bottom:2rem;animation:slideInDown .8s ease-out}.dark .hero-badge{background:rgba(56,178,172,.2);border-color:rgba(56,178,172,.4)}.badge-icon{font-size:1rem;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}.badge-text{font-weight:500;color:var(--accent)}.hero-title{font-size:3rem;line-height:1.1;margin-bottom:2rem;animation:slideInUp .8s ease-out .2s both}@media (min-width:768px){.hero-title{font-size:4rem}}@media (min-width:1024px){.hero-title{font-size:5rem}}.title-line-1{display:block;color:var(--primary);margin-bottom:.5rem}.dark .title-line-1{color:#f1f5f9}.title-line-2{display:block}.title-line-2,.typing-text{background:linear-gradient(135deg,var(--secondary) 0,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-height:1.2em}.typing-text{color:transparent;position:relative;display:inline-block}.typing-text:before{content:attr(data-placeholder);visibility:hidden}.cursor{display:inline-block;background:var(--accent);width:3px;margin-left:2px;animation:typing 1s infinite}.cursor.blink{animation:blink 1s infinite}@keyframes typing{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-description{color:#64748b;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;animation:slideInUp .8s ease-out .4s both}.dark .hero-description{color:#cbd5e1}.hero-description strong{color:var(--accent);font-weight:600}.hero-actions{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;margin-bottom:3rem;animation:slideInUp .8s ease-out .6s both}@media (min-width:640px){.hero-actions{flex-direction:row;gap:1.5rem}}.hero-cta-primary,.hero-cta-secondary{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:.75rem;transition:all .3s ease;min-width:220px;justify-content:center}.hero-cta-primary{background:linear-gradient(135deg,var(--secondary),var(--accent));color:white;border:none;box-shadow:0 4px 12px rgba(56,178,172,.3)}.hero-cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(56,178,172,.4)}.hero-cta-primary:hover .cta-icon{transform:translateX(3px)}.hero-cta-secondary{background:rgba(255,255,255,.8);color:var(--primary);border:2px solid rgba(49,130,206,.3);backdrop-filter:blur(10px)}.dark .hero-cta-secondary{background:rgba(30,41,59,.8);color:#f1f5f9;border-color:rgba(241,245,249,.3)}.hero-cta-secondary:hover{background:rgba(49,130,206,.1);border-color:var(--secondary);transform:translateY(-2px)}.dark .hero-cta-secondary:hover{background:rgba(56,178,172,.1);border-color:var(--accent)}.cta-arrow,.cta-icon,.cta-text{transition:transform .3s ease}.hero-cta-secondary:hover .cta-arrow{transform:translateX(3px)}.hero-social-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;animation:slideInUp .8s ease-out .8s both;max-width:500px;margin-left:auto;margin-right:auto}@media (max-width:640px){.hero-social-proof{gap:1rem}}.social-stat{text-align:center}.stat-number{font-size:1.5rem}@media (min-width:768px){.stat-number{font-size:2rem}.stat-label{font-size:.875rem}}.hero-tech{animation:slideInUp .8s ease-out 1s both}.tech-label{font-size:.875rem;color:#64748b;margin-bottom:1rem;font-weight:500}.dark .tech-label{color:#94a3b8}.tech-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:600px;margin:0 auto}.tech-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:rgba(255,255,255,.8);border-radius:.75rem;transition:all .3s ease;cursor:pointer;backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.5);min-width:80px}.dark .tech-item{background:rgba(30,41,59,.8);border-color:rgba(71,85,105,.5)}.tech-item:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.1);background:rgba(56,178,172,.1)}.dark .tech-item:hover{box-shadow:0 8px 15px rgba(0,0,0,.3)}.tech-icon{font-size:1.5rem;transition:transform .3s ease}.tech-item:hover .tech-icon{transform:scale(1.2)}.tech-name{font-size:.75rem;font-weight:500;color:var(--primary)}.dark .tech-name{color:#f1f5f9}.hero-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.decoration-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(56,178,172,.1),rgba(49,130,206,.1));animation:float 6s ease-in-out infinite}.shape-1{width:200px;height:200px;top:10%;right:10%;animation-delay:0s}.shape-2{width:150px;height:150px;bottom:15%;left:8%;animation-delay:2s}.shape-3{width:100px;height:100px;top:60%;right:15%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0deg);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.hero-section{min-height:90vh}.hero-container{padding:1rem 0}.hero-badge{padding:.5rem 1rem;font-size:.75rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1rem}.hero-actions,.hero-description{margin-bottom:2rem}.hero-cta-primary,.hero-cta-secondary{padding:.875rem 1.5rem;font-size:.875rem;min-width:200px}.hero-social-proof{margin-bottom:2rem}.tech-icons{gap:.75rem}.tech-item{padding:.75rem .5rem;min-width:70px}.tech-icon{font-size:1.25rem}.tech-name{font-size:.675rem}.decoration-shape{opacity:.5}.shape-1{width:120px;height:120px}.shape-2{width:80px;height:80px}.shape-3{width:60px;height:60px}}.hero-section *{will-change:transform}.hero-canvas{will-change:auto}@media (prefers-reduced-motion:reduce){.hero-canvas,.hero-section *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor,.decoration-shape,.scroll-arrow{animation:none}}.portfolio-preview-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow:hidden}.dark .portfolio-preview-section{background:linear-gradient(135deg,#0f172a,#1e293b)}.portfolio-preview-section:before{content:"";position:absolute;top:-10%;left:-10%;width:20%;height:120%;background:linear-gradient(45deg,transparent,rgba(56,178,172,.03));transform:skewX(-15deg)}.portfolio-preview-content{position:relative;z-index:1}.portfolio-filters{gap:1rem;margin-bottom:3rem}.filter-btn{padding:.75rem 1.5rem;border-radius:2rem;backdrop-filter:blur(10px)}.filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(56,178,172,.2)}.filter-btn.active{transform:translateY(-2px);box-shadow:0 4px 12px rgba(56,178,172,.3)}.dark .filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-count{background:rgba(56,178,172,.1);color:var(--accent);padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:600}.filter-btn.active .filter-count{background:rgba(255,255,255,.2);color:white}.projects-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:4rem;max-width:1200px;margin-left:auto;margin-right:auto}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background:white;border-radius:1.5rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid rgba(226,232,240,.5);animation:slideInUp .6s ease-out forwards;opacity:0;transform:translateY(30px)}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.15)}.project-card.hovered{transform:translateY(-5px);box-shadow:0 15px 20px -5px rgba(0,0,0,.12)}.dark .project-card{background:rgba(30,41,59,.8);border-color:rgba(71,85,105,.5);color:#f1f5f9}.dark .project-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.3)}.project-image-container{position:relative;height:200px;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover .project-image{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(26,54,93,.9),rgba(56,178,172,.9));display:flex;flex-direction:column;justify-content:space-between;padding:1rem;opacity:0;transition:all .3s ease}.project-card:hover .project-overlay{opacity:1}.project-status{display:flex;justify-content:space-between;align-items:flex-start}.status-badge{background:rgba(255,255,255,.2);color:white;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;backdrop-filter:blur(10px)}.status-badge.completed{background:rgba(72,187,120,.8)}.status-badge.ongoing{background:rgba(237,137,54,.8)}.project-year{color:white;font-size:.875rem;font-weight:500;opacity:.9}.project-actions{display:flex;gap:.75rem}.project-btn{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:white;padding:.5rem 1rem;border-radius:.5rem;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s ease;backdrop-filter:blur(10px)}.project-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.demo-btn:hover{background:rgba(56,178,172,.8)}.code-btn:hover{background:rgba(49,130,206,.8)}.btn-icon{font-size:1rem}.btn-text,.featured-badge{font-size:.75rem}.featured-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:white;padding:.5rem .75rem;border-radius:1rem;font-weight:600;display:flex;align-items:center;gap:.25rem;box-shadow:0 2px 4px rgba(245,158,11,.3)}.featured-icon{font-size:.875rem}.featured-text{font-size:.7rem}.project-content{padding:1.5rem}.project-header{margin-bottom:1rem}.project-title{font-size:1.125rem;font-weight:600;color:var(--primary);margin-bottom:.25rem;line-height:1.3}.dark .project-title{color:#f1f5f9}.project-client{font-size:.875rem;color:var(--accent);font-weight:500}.project-description{color:#64748b;line-height:1.6;margin-bottom:1rem;font-size:.875rem}.dark .project-description{color:#cbd5e1}.project-features{margin-bottom:1rem}.features-title{font-size:.75rem;font-weight:600;color:var(--primary);margin-bottom:.5rem}.dark .features-title{color:#f1f5f9}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.feature-item{font-size:.75rem;color:#64748b}.feature-bullet{color:var(--accent);font-weight:700}.project-tech{border-top:1px solid rgba(226,232,240,.5);padding-top:1rem}.dark .project-tech{border-top-color:rgba(71,85,105,.5)}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{background:rgba(56,178,172,.1);color:var(--accent);padding:.25rem .5rem;border-radius:.375rem;font-size:.7rem;font-weight:500;border:1px solid rgba(56,178,172,.2)}.dark .tech-badge{background:rgba(56,178,172,.2);border-color:rgba(56,178,172,.3)}.portfolio-stats{margin-bottom:4rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px;margin:0 auto}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{background:white;padding:1.5rem 1rem;border-radius:1rem;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:all .3s ease;border:1px solid rgba(226,232,240,.5)}.stat-item:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,.1)}.dark .stat-item{background:rgba(30,41,59,.8);border-color:rgba(71,85,105,.5)}.stat-icon{font-size:1.5rem;margin-bottom:.5rem;display:block}.stat-number{display:block;font-size:1.25rem;font-weight:700;color:var(--accent);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:#64748b;font-weight:500}.dark .stat-label{color:#94a3b8}.portfolio-cta{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:2rem;padding:3rem 2rem;color:white;overflow:hidden;text-align:center;max-width:900px}.cta-content,.portfolio-cta{position:relative;margin:0 auto}.cta-content{z-index:2;max-width:700px}.cta-title{font-size:1.75rem;font-weight:600;margin-bottom:1rem;line-height:1.3}.cta-text{font-size:1rem;margin-bottom:2rem;opacity:.9;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}@media (min-width:640px){.cta-buttons{flex-direction:row;gap:1.5rem}}.cta-primary,.cta-secondary{min-width:200px;font-weight:600;display:flex;align-items:center;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;border-radius:.75rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.cta-primary{background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);color:white;backdrop-filter:blur(10px)}.cta-primary:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5);color:white;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,255,255,.2)}.cta-secondary{background:transparent;border:2px solid rgba(255,255,255,.3);color:white}.cta-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);color:white;transform:translateY(-2px)}.cta-arrow{font-size:1.1rem}.cta-primary:hover .cta-arrow{transform:translateX(3px)}.portfolio-cta:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);border-radius:2rem;z-index:1;opacity:0;transition:opacity .3s ease}.portfolio-cta:hover:before{opacity:1}@media (max-width:768px){.portfolio-cta{padding:2.5rem 1.5rem;margin:0 1rem}.cta-title{font-size:1.5rem;margin-bottom:.75rem}.cta-text{font-size:.9rem;margin-bottom:1.5rem}.cta-buttons{gap:1rem}.cta-primary,.cta-secondary{min-width:180px;padding:.75rem 1.25rem;font-size:.9rem}}@media (max-width:480px){.portfolio-cta{padding:2rem 1rem;border-radius:1.5rem}.cta-title{font-size:1.25rem}.cta-text{font-size:.85rem}.cta-buttons{flex-direction:column;gap:.75rem}.cta-primary,.cta-secondary{width:100%;min-width:unset;max-width:280px}}.cta-primary:focus,.cta-secondary:focus{outline:3px solid rgba(255,255,255,.5);outline-offset:3px}.portfolio-cta{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.portfolio-cta{animation:none}.cta-primary,.cta-secondary{transition:none}.cta-primary:hover,.cta-secondary:hover{transform:none}.cta-arrow{transition:none}.cta-primary:hover .cta-arrow{transform:none}}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}@media (max-width:640px){.portfolio-filters{gap:.75rem;margin-bottom:2rem}.filter-btn{padding:.5rem 1rem;font-size:.875rem}.filter-label{font-size:.75rem}.filter-count{font-size:.7rem}.projects-grid{gap:1.5rem;margin-bottom:3rem}.project-image-container{height:180px}.project-content{padding:1.25rem}.project-title{font-size:1rem}.project-description{font-size:.8rem}.project-actions{flex-direction:column;gap:.5rem}.project-btn{justify-content:center;padding:.75rem 1rem}.tech-stack{gap:.375rem}.tech-badge{font-size:.65rem;padding:.2rem .4rem}.stats-grid{gap:1rem}.stat-item{padding:1.25rem .75rem}.stat-icon{font-size:1.25rem}.stat-number{font-size:1.125rem}.portfolio-cta{padding:2rem 1.5rem}.cta-title{font-size:1.5rem}.cta-text{font-size:.875rem}.testimonial-content{padding:1.25rem}.testimonial-text{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.filter-btn,.project-btn,.project-card,.stat-item{animation:none!important;transition:none!important}.project-image{transform:none!important}.project-overlay{opacity:1;background:rgba(26,54,93,.7)}}.project-image[data-loading=true]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.dark .project-image[data-loading=true]{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.filter-btn:focus,.project-btn:focus{outline:2px solid var(--accent);outline-offset:2px}.project-card:focus-within{transform:translateY(-5px);box-shadow:0 15px 20px -5px rgba(0,0,0,.15);outline:2px solid var(--accent);outline-offset:2px}.project-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.filter-btn,.project-btn{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.dark .project-overlay{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.95))}.dark .status-badge{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2)}.dark .project-btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.dark .project-btn:hover{background:rgba(255,255,255,.2)}.filter-btn,.project-btn,.project-image,.project-overlay{will-change:transform}.project-card,.projects-grid{contain:layout style paint}.portfolio-carousel{position:relative;margin-bottom:4rem;max-width:1200px;margin-left:auto;margin-right:auto}.carousel-container{overflow:hidden;border-radius:1rem;position:relative}.carousel-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.carousel-slide{min-width:100%;flex-shrink:0}.carousel-grid{display:grid;grid-template-columns:1fr;gap:2rem;padding:0 1rem}@media (min-width:768px){.carousel-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.carousel-grid{grid-template-columns:repeat(3,1fr)}}.project-card.carousel-item{animation:none;opacity:1;transform:translateY(0)}.carousel-navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:10}.carousel-btn{background:rgba(255,255,255,.9);border:1px solid rgba(226,232,240,.5);color:var(--primary);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .3s ease;pointer-events:auto;backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.carousel-btn:hover{background:var(--accent);color:white;transform:scale(1.1);box-shadow:0 8px 15px rgba(56,178,172,.3)}.carousel-btn:active{transform:scale(.95)}.carousel-prev{margin-left:-24px}.carousel-next{margin-right:-24px}.dark .carousel-btn{background:rgba(30,41,59,.9);border-color:rgba(71,85,105,.5);color:#f1f5f9}.dark .carousel-btn:hover{background:var(--accent);color:white}.carousel-indicators{display:flex;justify-content:center;gap:.75rem;margin-top:2rem}.carousel-indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(56,178,172,.3);background:transparent;cursor:pointer;transition:all .3s ease;position:relative}.carousel-indicator:hover{border-color:var(--accent);transform:scale(1.2)}.carousel-indicator.active{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.carousel-indicator.active:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--accent);border-radius:50%;opacity:.3;animation:pulse-indicator 2s infinite}@keyframes pulse-indicator{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.5)}}@media (max-width:1024px){.carousel-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.carousel-grid{grid-template-columns:1fr!important;padding:0 .5rem}.carousel-btn{width:40px;height:40px;font-size:1rem}.carousel-prev{margin-left:-20px}.carousel-next{margin-right:-20px}.carousel-indicators{margin-top:1.5rem;gap:.5rem}.carousel-indicator{width:10px;height:10px}}@media (max-width:640px){.carousel-btn{width:36px;height:36px;font-size:.875rem}.carousel-prev{margin-left:-18px}.carousel-next{margin-right:-18px}}.carousel-btn:focus,.carousel-indicator:focus{outline:2px solid var(--accent);outline-offset:2px}.carousel-track{transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.carousel-item:hover{transform:translateY(-8px);z-index:5}.carousel-slide{opacity:1;transition:opacity .6s ease}.carousel-container{will-change:transform;transform:translateZ(0)}.carousel-track,.project-card.carousel-item{will-change:transform;backface-visibility:hidden}@media (hover:none) and (pointer:coarse){.carousel-btn{width:44px;height:44px;font-size:1.125rem}.carousel-indicator{width:14px;height:14px}}.carousel-loading{display:flex;justify-content:center;align-items:center;height:400px;color:var(--accent);font-size:1.125rem}.carousel-loading:after{content:"";width:20px;height:20px;border:2px solid var(--accent);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-left:.5rem}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.carousel-btn,.carousel-indicator,.carousel-track{transition:none!important}.carousel-indicator.active:after{animation:none!important}.project-card.carousel-item:hover{transform:none!important}}.carousel-container:focus-within .carousel-btn{opacity:1;visibility:visible}.dark .carousel-container{border:1px solid rgba(71,85,105,.2);border-radius:1rem}.dark .carousel-indicator{border-color:rgba(56,178,172,.4)}.dark .carousel-indicator:hover{border-color:var(--accent)}.portfolio-carousel:hover .carousel-btn{opacity:1;visibility:visible}.carousel-btn{opacity:.7;visibility:visible;transition:all .3s ease,opacity .3s ease,visibility .3s ease}.carousel-btn:hover{opacity:1}@media (max-width:480px){.portfolio-carousel{margin-bottom:3rem}.carousel-grid{gap:1.5rem;padding:0}.carousel-indicators{margin-top:1rem}}.portfolio-page{background:#f8fafc;min-height:100vh}.dark .portfolio-page{background:#0f172a}.portfolio-hero{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%)}.portfolio-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:40%;height:200%;background:radial-gradient(circle,rgba(56,178,172,.3),transparent);border-radius:50%}.portfolio-hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}.hero-text{max-width:700px;margin:0 auto}.hero-badge{display:inline-block;background:rgba(255,255,255,.2);color:white;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500;margin-bottom:1rem;border:1px solid rgba(255,255,255,.3)}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}@media (min-width:768px){.hero-title{font-size:3.5rem}}.hero-description{font-size:1.125rem;line-height:1.6;opacity:.9;margin-bottom:2rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:400px;margin:0 auto}.hero-stat{text-align:center}.hero-stat .stat-number{display:block;font-size:1.75rem;font-weight:700;color:var(--accent);margin-bottom:.25rem}.hero-stat .stat-label{font-size:.875rem;opacity:.8}.portfolio-theme-toggle{position:absolute;top:2rem;right:2rem;z-index:10}.theme-toggle-portfolio{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);position:relative;overflow:hidden}.theme-toggle-portfolio:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:scale(1.05)}.theme-icon-portfolio{position:relative;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:transform .3s ease}.moon-icon,.sun-icon{position:absolute;transition:all .3s ease}.sun-icon{opacity:1;transform:rotate(0deg)}.moon-icon{opacity:0;transform:rotate(180deg)}.dark .sun-icon{opacity:0;transform:rotate(-180deg)}.dark .moon-icon{opacity:1;transform:rotate(0deg)}@media (max-width:768px){.portfolio-theme-toggle{top:1.5rem;right:1.5rem}.theme-toggle-portfolio{width:50px;height:50px}.theme-icon-portfolio{font-size:1.25rem}}.portfolio-controls{background:white;border-bottom:1px solid rgba(226,232,240,.5);position:relative;z-index:10}.dark .portfolio-controls{background:rgba(30,41,59,.95);border-bottom-color:rgba(71,85,105,.5)}.controls-wrapper{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 0;justify-content:center;align-items:center}.portfolio-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.filter-btn{display:flex;align-items:center;gap:.5rem;background:white;border:2px solid rgba(226,232,240,.5);color:#64748b;padding:.5rem 1rem;border-radius:1.5rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.875rem;white-space:nowrap}.filter-btn:hover{color:var(--accent)}.filter-btn.active,.filter-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.filter-btn.active{background:var(--accent);color:white}.dark .filter-btn{background:rgba(30,41,59,.8);border-color:rgba(71,85,105,.5);color:#cbd5e1}.filter-icon{font-size:1rem}.filter-label{font-size:.875rem}.results-info{padding:1rem 0;border-bottom:1px solid rgba(226,232,240,.5);display:flex;align-items:center;justify-content:center;gap:.5rem}.dark .results-info{border-bottom-color:rgba(71,85,105,.5)}.results-count{font-weight:600;color:var(--primary)}.dark .results-count{color:#f1f5f9}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.portfolio-project-card{background:white;border-radius:1.5rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .4s ease;cursor:pointer;border:1px solid rgba(226,232,240,.5);animation:slideInUp .6s ease-out forwards;opacity:0;transform:translateY(30px)}.portfolio-project-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.15)}.dark .portfolio-project-card{background:rgba(30,41,59,.8);border-color:rgba(71,85,105,.5)}.portfolio-project-card .project-image-container{position:relative;height:200px;overflow:hidden}.portfolio-project-card .project-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.portfolio-project-card:hover .project-image{transform:scale(1.1)}.portfolio-project-card .project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(26,54,93,.9),rgba(56,178,172,.9));display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.portfolio-project-card:hover .project-overlay{opacity:1}.view-details-btn{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);color:white;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);display:flex;align-items:center;gap:.5rem}.view-details-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.portfolio-project-card .featured-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:white;padding:.5rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;z-index:2}.portfolio-project-card .project-status{position:absolute;top:1rem;left:1rem;z-index:2}.portfolio-project-card .status-badge{background:rgba(255,255,255,.9);color:#1a202c;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;backdrop-filter:blur(10px)}.status-badge.completed{background:rgba(72,187,120,.9);color:white}.status-badge.ongoing{background:rgba(237,137,54,.9);color:white}.portfolio-project-card .project-content{padding:1.5rem}.portfolio-project-card .project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.portfolio-project-card .project-title{font-size:1.125rem;font-weight:600;color:var(--primary);line-height:1.3;flex:1}.dark .portfolio-project-card .project-title{color:#f1f5f9}.portfolio-project-card .project-meta{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end;font-size:.75rem;color:#64748b}.dark .portfolio-project-card .project-meta{color:#94a3b8}.portfolio-project-card .project-description{color:#64748b;line-height:1.6;margin-bottom:1rem;font-size:.875rem}.dark .portfolio-project-card .project-description{color:#cbd5e1}.portfolio-project-card .project-tech{margin-bottom:1rem;padding-top:1rem;border-top:1px solid rgba(226,232,240,.5)}.dark .portfolio-project-card .project-tech{border-top-color:rgba(71,85,105,.5)}.portfolio-project-card .tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.portfolio-project-card .tech-badge{background:rgba(56,178,172,.1);color:var(--accent);padding:.25rem .5rem;border-radius:.375rem;font-size:.7rem;font-weight:500;border:1px solid rgba(56,178,172,.2)}.dark .portfolio-project-card .tech-badge{background:rgba(56,178,172,.2);border-color:rgba(56,178,172,.3)}.tech-more{color:#64748b;font-size:.75rem;font-weight:500}.dark .tech-more{color:#94a3b8}.portfolio-project-card .project-tags{display:flex;flex-wrap:wrap;gap:.375rem}.portfolio-project-card .project-tag{background:rgba(49,130,206,.1);color:var(--secondary);padding:.2rem .5rem;border-radius:.375rem;font-size:.65rem;font-weight:500;border:1px solid rgba(49,130,206,.2)}.dark .portfolio-project-card .project-tag{background:rgba(49,130,206,.2);border-color:rgba(49,130,206,.3)}.no-results{text-align:center;padding:4rem 2rem;max-width:500px;margin:0 auto}.no-results-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-results-title{font-size:1.5rem;font-weight:600;color:var(--primary);margin-bottom:1rem}.dark .no-results-title{color:#f1f5f9}.no-results-text{color:#64748b;margin-bottom:2rem;line-height:1.6}.dark .no-results-text{color:#cbd5e1}.project-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease-out}.project-modal{background:white;border-radius:1.5rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideInUp .3s ease-out}.dark .project-modal{background:#1e293b;color:#f1f5f9}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.1);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .3s ease;z-index:10}.modal-close-btn:hover{background:rgba(239,68,68,.1);color:#ef4444}.modal-content{padding:2rem}.modal-header{margin-bottom:2rem}.modal-title{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:1rem}.dark .modal-title{color:#f1f5f9}.modal-meta{display:flex;flex-wrap:wrap;gap:1rem;color:#64748b;font-size:.875rem}.dark .modal-meta{color:#cbd5e1}.modal-client{color:var(--accent);font-weight:600}.modal-images{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}@media (min-width:768px){.modal-images{grid-template-columns:repeat(2,1fr)}}.modal-image{width:100%;height:200px;object-fit:cover;border-radius:.75rem;border:1px solid rgba(226,232,240,.5)}.dark .modal-image{border-color:rgba(71,85,105,.5)}.modal-body{display:flex;flex-direction:column;gap:2rem}.modal-description h3,.modal-section h3,.modal-tech h3,.modal-testimonial h3{font-size:1.25rem;font-weight:600;color:var(--primary);margin-bottom:1rem}.dark .modal-description h3,.dark .modal-section h3,.dark .modal-tech h3,.dark .modal-testimonial h3{color:#f1f5f9}.modal-description p{color:#64748b;line-height:1.6}.dark .modal-description p{color:#cbd5e1}.modal-section ul{list-style:none;padding:0;margin:0}.modal-section li{color:#64748b;line-height:1.6;position:relative;padding:.5rem 0 .5rem 1.5rem}.modal-section li:before{content:"•";color:var(--accent);font-weight:700;position:absolute;left:0}.dark .modal-section li{color:#cbd5e1}.modal-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.modal-tech-badge{background:rgba(56,178,172,.1);color:var(--accent);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:1px solid rgba(56,178,172,.2)}.dark .modal-tech-badge{background:rgba(56,178,172,.2);border-color:rgba(56,178,172,.3)}.modal-testimonial{background:rgba(56,178,172,.05);padding:1.5rem;border-radius:1rem;border-left:4px solid var(--accent)}.dark .modal-testimonial{background:rgba(56,178,172,.1)}.modal-testimonial blockquote{font-style:italic;font-size:1.125rem;line-height:1.6;margin-bottom:1rem;color:#1a202c}.dark .modal-testimonial blockquote{color:#f1f5f9}.modal-testimonial cite{color:var(--accent);font-weight:600;font-style:normal}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(226,232,240,.5)}.dark .modal-actions{border-top-color:rgba(71,85,105,.5)}.modal-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;min-width:150px;justify-content:center}.portfolio-final-cta{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white}.final-cta-content{text-align:center;max-width:600px;margin:0 auto}.final-cta-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.final-cta-description{font-size:1.125rem;line-height:1.6;opacity:.9;margin-bottom:2rem}.final-cta-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}@media (min-width:640px){.final-cta-buttons{flex-direction:row}}.cta-contact,.cta-services{min-width:200px;font-weight:600;padding:1rem 2rem}.cta-services{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:white}.cta-services:hover{background:rgba(255,255,255,.2);color:white}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.portfolio-hero{padding:3rem 0}.hero-title{font-size:2rem}.controls-wrapper{padding:1rem 0}.portfolio-filters{justify-content:center}.portfolio-grid{gap:1.5rem}.portfolio-project-card .project-content{padding:1.25rem}.project-modal-overlay{padding:1rem}.modal-content{padding:1.5rem}.modal-title{font-size:1.5rem}.modal-images{grid-template-columns:1fr}.modal-actions{flex-direction:column}.final-cta-title{font-size:1.75rem}}.portfolio-hero{background:linear-gradient(135deg,#1a365d,#2b77ad);color:white;position:relative;overflow:hidden}.dark .portfolio-hero{background:linear-gradient(135deg,#0f172a,#1e293b);color:white}.portfolio-hero .hero-badge{background:rgba(255,255,255,.2);color:white;border:1px solid rgba(255,255,255,.3)}.portfolio-hero .hero-title{color:white}.portfolio-hero .hero-description{color:rgba(255,255,255,.9)}.portfolio-hero .stat-number{color:#4fd1c7}.portfolio-hero .stat-label{color:rgba(255,255,255,.8)}.portfolio-hero .back-button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:white;backdrop-filter:blur(10px)}.portfolio-hero .back-button:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);color:white}.portfolio-nav-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;width:100%}.nav-right{display:flex;align-items:center;gap:1rem}.portfolio-language-switcher .language-switcher-button{color:#4a5568!important;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.1);backdrop-filter:blur(10px)}.portfolio-language-switcher .language-switcher-button:hover{color:var(--accent)!important;background:rgba(255,255,255,.95);border-color:var(--accent)}.dark .portfolio-language-switcher .language-switcher-button{color:#e2e8f0!important;background:rgba(26,54,93,.9);border-color:rgba(255,255,255,.1)}.dark .portfolio-language-switcher .language-switcher-button:hover{color:var(--accent)!important;background:rgba(26,54,93,.95)}.portfolio-language-switcher .language-dropdown{background:rgba(255,255,255,.98)!important;border:1px solid rgba(0,0,0,.1)!important}.dark .portfolio-language-switcher .language-dropdown{background:rgba(26,54,93,.98)!important;border-color:rgba(255,255,255,.1)!important}.portfolio-language-switcher .language-option{color:#4a5568!important}.portfolio-language-switcher .language-option:hover{color:var(--accent)!important}.dark .portfolio-language-switcher .language-option{color:#e2e8f0!important}@media (max-width:768px){.portfolio-nav-controls{flex-direction:column;gap:1rem;align-items:stretch}.nav-right{justify-content:center}}.scroll-indicator{z-index:1000;position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:slideInUp .8s ease-out 1.2s both;z-index:2}.scroll-text{font-size:.875rem;color:#64748b;font-weight:500}.dark .scroll-text{color:#94a3b8}.scroll-arrow{position:relative;width:24px;height:24px;animation:bounce 2s infinite}.arrow-line{top:0;width:2px;height:16px;background:var(--accent);transform:translateX(-50%)}.arrow-line,.arrow-point{position:absolute;left:50%}.arrow-point{bottom:0;width:8px;height:8px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:translateX(-50%) rotate(45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.scroll-indicator{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(255,255,255,.1);z-index:1001;backdrop-filter:blur(10px)}.scroll-progress{height:100%;background:linear-gradient(90deg,var(--secondary),var(--accent));transition:width .1s ease-out;box-shadow:0 0 10px rgba(56,178,172,.5)}.dark .scroll-indicator{background:rgba(0,0,0,.2)}.services-preview-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow:hidden}.dark .services-preview-section{background:linear-gradient(135deg,#0f172a,#1e293b)}.services-preview-section:before{content:"";position:absolute;top:-10%;right:-10%;width:20%;height:120%;background:linear-gradient(45deg,transparent,rgba(56,178,172,.03));transform:skewX(-15deg)}.services-preview-content{position:relative;z-index:1}.services-preview-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:4rem;max-width:1000px;margin-left:auto;margin-right:auto}@media (min-width:768px){.services-preview-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services-preview-grid{grid-template-columns:repeat(3,1fr)}}.service-preview-card{background:white;border-radius:1.5rem;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid rgba(226,232,240,.5);height:fit-content}.service-preview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--secondary),var(--accent));transform:scaleX(0);transition:transform .3s ease}.service-preview-card:hover:before{transform:scaleX(1)}.service-preview-card:hover{transform:translateY(-8px);box-shadow:0 15px 20px -5px rgba(0,0,0,.15)}.service-preview-card.active{transform:translateY(-5px);box-shadow:0 12px 15px -5px rgba(0,0,0,.12)}.dark .service-preview-card{background:rgba(30,41,59,.8);border-color:rgba(71,85,105,.5);color:#f1f5f9}.dark .service-preview-card:hover{box-shadow:0 15px 20px -5px rgba(0,0,0,.3)}.service-preview-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.service-preview-icon-container{position:relative;flex-shrink:0}.service-preview-icon{font-size:2rem;display:block;position:relative;z-index:2}.service-preview-glow{position:absolute;top:50%;left:50%;width:50px;height:50px;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:all .3s ease;z-index:1}.service-preview-card:hover .service-preview-glow{opacity:.2;transform:translate(-50%,-50%) scale(1.3)}.service-preview-title-group{flex:1}.service-preview-title{font-size:1.125rem;font-weight:600;color:var(--primary);margin-bottom:.25rem;line-height:1.3}.dark .service-preview-title{color:#f1f5f9}.service-preview-subtitle{font-size:.875rem;color:var(--accent);font-weight:500}.service-preview-description{color:#64748b;line-height:1.6;margin-bottom:1.5rem;font-size:.9rem}.dark .service-preview-description{color:#cbd5e1}.service-preview-highlights{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.highlight-tag{background:rgba(56,178,172,.1);color:var(--accent);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;border:1px solid rgba(56,178,172,.2)}.dark .highlight-tag{background:rgba(56,178,172,.2);border-color:rgba(56,178,172,.3)}.service-preview-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(226,232,240,.5)}.dark .service-preview-footer{border-top-color:rgba(71,85,105,.5)}.service-preview-price{font-weight:600;color:var(--primary);font-size:.875rem;width:80px}.dark .service-preview-price{color:var(--accent)}.service-preview-cta{background:var(--accent);color:white;border:none;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.service-preview-cta:hover{background:var(--secondary);transform:translateX(2px)}.cta-arrow{transition:transform .3s ease}.service-preview-cta:hover .cta-arrow{transform:translateX(3px)}.services-preview-cta{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:2rem;padding:3rem 2rem;color:white;position:relative;overflow:hidden;margin-bottom:3rem}.preview-cta-content{text-align:center;position:relative;z-index:2;margin-bottom:2rem}.preview-cta-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.preview-cta-text{font-size:1rem;margin-bottom:2rem;opacity:.9;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.preview-cta-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}@media (min-width:640px){.preview-cta-buttons{flex-direction:row}}.preview-cta-primary,.preview-cta-secondary{min-width:200px;font-weight:600}.preview-cta-secondary{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:white}.preview-cta-secondary:hover{background:rgba(255,255,255,.2);color:white}.preview-cta-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.cta-stat{text-align:center}.cta-stat .stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:.25rem}.cta-stat .stat-label{font-size:.875rem;opacity:.8}.simple-process{text-align:center}.simple-process-title{font-size:1.5rem;font-weight:600;color:var(--primary);margin-bottom:2rem}.dark .simple-process-title{color:#f1f5f9}.simple-process-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto}@media (min-width:768px){.simple-process-steps{grid-template-columns:repeat(4,1fr)}}.simple-step{position:relative}.simple-step-number{width:50px;height:50px;background:linear-gradient(135deg,var(--secondary),var(--accent));color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;margin:0 auto 1rem;position:relative;z-index:2}.simple-step-title{font-size:1rem;font-weight:600;color:var(--primary);margin-bottom:.5rem}.dark .simple-step-title{color:#f1f5f9}.simple-step-desc{font-size:.875rem;color:#64748b}.dark .simple-step-desc{color:#cbd5e1}@media (max-width:640px){.services-preview-grid{gap:1.5rem}.service-preview-card{padding:1.5rem}.preview-cta-stats{grid-template-columns:1fr;gap:1rem}.services-preview-cta{padding:2rem 1.5rem}}.daily-rate-section{max-width:800px;margin:4rem auto;padding:0 1rem}.daily-rate-card{background:white;border-radius:1.5rem;padding:2.5rem;box-shadow:0 8px 25px -5px rgba(0,0,0,.1);position:relative;overflow:hidden;border:1px solid rgba(226,232,240,.5);transition:all .3s ease}.daily-rate-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--secondary),var(--accent));border-radius:1.5rem 1.5rem 0 0}.daily-rate-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px -5px rgba(0,0,0,.15)}.dark .daily-rate-card{background:rgba(30,41,59,.9);border-color:rgba(71,85,105,.5)}.dark .daily-rate-card:hover{box-shadow:0 12px 30px -5px rgba(0,0,0,.25)}.daily-rate-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}@media (max-width:640px){.daily-rate-header{flex-direction:column;text-align:center;gap:1rem}}.daily-rate-icon{position:relative;flex-shrink:0}.daily-rate-emoji{font-size:2.5rem;display:block;position:relative;z-index:2}.daily-rate-glow{position:absolute;top:50%;left:50%;width:60px;height:60px;border-radius:50%;transform:translate(-50%,-50%);opacity:.15;transition:all .3s ease;z-index:1}.daily-rate-card:hover .daily-rate-glow{opacity:.25;transform:translate(-50%,-50%) scale(1.2)}.daily-rate-content{flex:1}.daily-rate-title{font-size:1.5rem;font-weight:600;color:var(--primary);margin-bottom:.25rem}.dark .daily-rate-title{color:#f1f5f9}.daily-rate-subtitle{color:var(--accent);font-weight:500;font-size:.95rem}.daily-rate-price{display:flex;align-items:baseline;gap:.25rem;flex-shrink:0}.price-amount{font-size:2rem;font-weight:700;color:var(--primary)}.dark .price-amount{color:var(--accent)}.price-period{font-size:.875rem;color:#64748b;font-weight:500}.dark .price-period{color:#cbd5e1}.daily-rate-description{color:#64748b;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.dark .daily-rate-description{color:#cbd5e1}.daily-rate-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (max-width:640px){.daily-rate-features{grid-template-columns:1fr}}.feature-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#475569}.dark .feature-item{color:#cbd5e1}.feature-check{color:var(--accent);font-weight:600;font-size:.875rem;flex-shrink:0}@media (max-width:640px){.daily-rate-section{margin:3rem auto;padding:0 .5rem}.daily-rate-card{padding:2rem 1.5rem}.daily-rate-price{justify-content:center}}