.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;z-index:99999;overflow:hidden}.loading-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loading-svg{width:90vw;max-width:1400px;height:auto;opacity:0;transform:scale(.85);animation:svgAppear 1s cubic-bezier(.34,1.56,.64,1) .3s forwards}@keyframes svgAppear{to{opacity:1;transform:scale(1)}}.svg-text{font-family:Germania One,cursive;font-size:160px;font-weight:700;letter-spacing:16px}.text-outline{fill:none;stroke:#fff9;stroke-width:4;filter:drop-shadow(0 0 30px rgba(255,255,255,.4));animation:outlineGlow 2s ease-in-out infinite}@keyframes outlineGlow{0%,to{stroke:#fff9;filter:drop-shadow(0 0 30px rgba(255,255,255,.4))}50%{stroke:#fffc;filter:drop-shadow(0 0 50px rgba(255,255,255,.6))}}.liquid-fill{transition:y .1s linear}.wave-top{animation:waveFloat 3s ease-in-out infinite}@keyframes waveFloat{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-10px) scaleY(1.2)}}.loading-screen.phase-zooming{animation:fadeZoomOut 1.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@media(max-width:768px){.loading-svg{width:95vw}.svg-text{font-size:90px;letter-spacing:8px}.text-outline{stroke-width:3}}@media(max-width:480px){.svg-text{font-size:65px;letter-spacing:5px}.text-outline{stroke-width:2}}.header-section{padding-top:24px;padding-bottom:24px;position:sticky;top:0;z-index:5;background-color:#edf3ffcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.header-section.scrolled{padding-top:12px;padding-bottom:12px;background-color:#edf3fff2}.header-section .container{padding:0 20px}.header-content{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-dark-bg);border-radius:40px;padding:0 26px;height:72px;max-width:1248px;margin:0 auto;transition:all .3s ease;box-shadow:0 4px 20px #0000001a}.header-section.scrolled .header-content{height:64px;box-shadow:0 8px 30px #00000026}.logo{transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo img{width:91px;height:91px;transition:all .3s ease}.header-section.scrolled .logo img{width:75px;height:75px}.main-nav ul{display:flex;gap:40px;list-style:none;margin:0;padding:0}.main-nav a{font-size:20px;font-weight:500;color:var(--color-light-text);opacity:.5;transition:all .3s ease;position:relative;text-decoration:none;cursor:pointer}.main-nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#4a90e2,#50c878);transition:width .3s ease}.main-nav a:hover:after{width:100%}.main-nav a.active{opacity:1;color:#fff!important}.main-nav a.active:after{width:100%}.main-nav a:hover{opacity:1;color:#fff!important;transform:translateY(-2px)}.mobile-nav-toggle{display:none;background:none;border:none;cursor:pointer;width:30px;height:24px;position:relative;z-index:1001}.mobile-nav-toggle span{display:block;width:100%;height:3px;background:#fff;border-radius:3px;position:absolute;left:0;transition:all .3s ease}.mobile-nav-toggle span:nth-child(1){top:0}.mobile-nav-toggle span:nth-child(2){top:50%;transform:translateY(-50%)}.mobile-nav-toggle span:nth-child(3){bottom:0}.mobile-nav-toggle.active span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.mobile-nav-toggle.active span:nth-child(2){opacity:0}.mobile-nav-toggle.active span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}@media(max-width:1024px){.main-nav{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--color-dark-bg);padding:100px 30px 30px;transition:right .4s ease;box-shadow:-5px 0 20px #0000004d;z-index:1000}.main-nav.active{right:0}.main-nav ul{flex-direction:column;gap:30px}.main-nav a{font-size:22px;display:block;padding:10px 0}.mobile-nav-toggle{display:block;z-index:1001}.header-content{padding:0 20px}}@media(max-width:768px){.header-section .container{padding:0 15px}.header-content{padding:0 15px;height:60px}.logo img{width:70px;height:70px}.header-section.scrolled .logo img{width:60px;height:60px}.main-nav{width:250px;padding:80px 20px 20px}.main-nav a{font-size:18px}}.footer-section{background-color:var(--color-dark-bg);color:var(--color-light-text);padding-top:45px;padding-bottom:45px;margin-top:120px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:80px;flex-wrap:wrap;gap:40px}.footer-brand{max-width:389px}.footer-logo{display:flex;align-items:center;gap:8px;margin-bottom:16px}.footer-logo img{width:91px;height:91px}.footer-logo span{font-size:32px;font-weight:700}.footer-brand p{font-size:20px;line-height:1.35}.footer-nav h4{font-size:24px;font-weight:600;margin-bottom:24px}.footer-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:40px;flex-wrap:wrap}.footer-nav a{font-size:20px;font-weight:400}.footer-divider{border:none;border-top:1px solid rgba(237,243,255,.5);margin:16px 0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.copyright{font-size:12px;font-weight:700;letter-spacing:.2px;opacity:.8}.footer-socials{display:flex;gap:24px}.footer-socials a{transition:transform .3s}.footer-socials a:hover{transform:scale(1.1)}@media(max-width:768px){.footer-section{margin-top:80px}}@media(max-width:480px){.footer-section{margin-top:60px}}.hero-section{padding-top:86px;padding-bottom:150px;position:relative}.hero-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:flex-start;position:relative}.hero-text-content{padding-top:0;position:relative;z-index:2;animation:slideInLeft .8s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.hero-greeting{font-family:Exo,sans-serif;font-weight:600;font-size:24px;color:var(--color-primary-text);text-align:left;margin-bottom:24px;animation:fadeIn .6s ease-out .2s both}.hero-title{font-family:Germania One,cursive;font-weight:400;font-size:56px;line-height:1.3;letter-spacing:2.8px;color:var(--color-primary-text);margin-bottom:59px;animation:fadeIn .8s ease-out .4s both}.you-know-text{font-size:.45em!important;font-weight:400;display:inline-block;vertical-align:baseline;line-height:1;margin-right:.3em}.hero-bio{position:relative;padding-left:20px;max-width:462px;animation:fadeIn 1s ease-out .6s both}.hero-bio .quote-mark{font-family:Exo,sans-serif;font-weight:800;font-size:64px;color:var(--color-primary-text);position:absolute;left:-20px;top:-30px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-bio p{font-family:Hanken Grotesk,sans-serif;font-weight:500;font-size:20px;line-height:1.3}.hero-image-container{position:relative;grid-column:2 / 3;grid-row:1 / 3;margin-top:-120px;margin-left:-50px;animation:slideInRight .8s ease-out;z-index:-10}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.hero-image-stack{position:relative;width:830px;height:1083px}.hero-image-stack>*{position:absolute}.hero-image-stack>img:first-child{width:100%;height:100%;object-fit:contain;z-index:0;top:0;left:0;transform:scale(.94)}.hero-main-image{width:830px;height:1083px;top:-100px;left:0;z-index:0;animation:float 15s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-rect-stack{position:absolute;width:268px;height:209px;top:379px;left:545px;z-index:1}.hero-rect-stack .rect1{position:absolute;width:256px;height:87px;background-color:var(--color-dark-bg);border-radius:40px;top:0;left:12px;z-index:1;animation:slideRect1 2s ease-in-out infinite}@keyframes slideRect1{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.hero-rect-stack .rect2{position:absolute;width:216px;height:87px;background-color:var(--color-dark-bg);border-radius:40px;top:122px;left:0;z-index:1;animation:slideRect2 2s ease-in-out infinite}@keyframes slideRect2{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}.hero-arrow-swoosh{position:absolute;width:136px;height:136px;left:69px;top:469px;transform:rotate(8.19deg);z-index:3;animation:pointToSubject 2s ease-in-out infinite;background:transparent!important;mix-blend-mode:multiply}@keyframes pointToSubject{0%,to{transform:rotate(8.19deg) translateY(0)}50%{transform:rotate(8.19deg) translateY(-10px)}}.hero-cta-container{grid-column:1 / 3;display:flex;justify-content:center;margin-top:-470px;position:relative;z-index:15;animation:fadeIn 1s ease-out .8s both}.hero-cta-wrapper{display:inline-flex;align-items:center;gap:16px;background-color:var(--color-primary-bg);border-radius:24px;padding:5px;box-shadow:0 10px 30px #0000001a;transition:box-shadow .3s ease}.hero-cta-wrapper:hover{box-shadow:0 15px 40px #00000026}.cta-button{display:flex;justify-content:center;align-items:center;gap:10px;padding:15px 50px;border-radius:24px;font-family:Exo,sans-serif;font-weight:500;font-size:16px;transition:all .3s ease;cursor:pointer;border:none}.cta-button img{transition:transform .3s ease}.cta-button:hover img{transform:translate(5px)}@media(max-width:992px){.hero-section{padding-bottom:80px}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-text-content,.hero-title,.hero-greeting{text-align:center}.hero-bio{margin:0 auto 40px}.hero-image-container{grid-column:1;grid-row:auto;position:relative;margin:20px auto 0;transform:scale(.6);height:500px;z-index:1}.hero-cta-container{grid-column:1;margin-top:20px}}@media(max-width:768px){.hero-section{padding-top:40px;padding-bottom:20px;overflow:hidden;max-width:100vw}.hero-grid{display:flex;flex-direction:column;gap:20px;overflow:hidden}.hero-text-content{order:1}.hero-title{font-size:32px;margin-bottom:24px;line-height:1.2}.text-rotate-lines{min-width:200px;gap:6px}.text-rotate-element{font-size:.5em}.text-rotate-element.active{font-size:1em;line-height:1}.hero-greeting{font-size:20px;margin-bottom:16px}.hero-bio{max-width:100%;margin-bottom:20px}.hero-bio p{font-size:16px}.hero-bio .quote-mark{font-size:48px;left:-10px;top:-20px}.hero-image-container{order:2;position:relative;margin:0 auto;width:320px;height:360px;transform:none;display:flex;align-items:center;justify-content:center}.hero-image-stack{position:relative;width:320px;height:360px;display:flex;align-items:center;justify-content:center}.hero-image-stack>img:first-child{position:absolute;width:100%;height:100%;object-fit:contain;z-index:0;top:0;left:0;transform:scale(.98)}.hero-main-image{position:relative!important;width:100%!important;height:100%!important;object-fit:contain;z-index:1;top:0!important}.hero-arrow-swoosh,.hero-rect-stack{display:none!important}.hero-cta-container{order:3;grid-column:1;margin-top:-60px;display:flex;justify-content:center;position:relative;z-index:20}.hero-cta-wrapper{flex-direction:row;background:none;gap:12px;padding:0;box-shadow:none;width:100%;max-width:320px;align-items:center;justify-content:center}.cta-button{flex:1;padding:14px 24px;justify-content:center}}@media(max-width:480px){.hero-section{padding-top:30px;padding-bottom:20px}.hero-grid{gap:16px}.hero-title{font-size:28px;letter-spacing:1.4px;margin-bottom:20px}.hero-greeting{font-size:18px;margin-bottom:12px}.hero-bio{padding-left:10px;margin-bottom:16px}.hero-bio p{font-size:15px}.hero-bio .quote-mark{font-size:40px;left:-8px;top:-16px}.hero-image-container,.hero-image-stack{width:280px;height:320px}.hero-image-stack>img:first-child{width:100%;height:100%;top:0;left:0;transform:scale(.98)}.hero-main-image{width:100%!important;height:100%!important;top:0!important}.hero-cta-container{margin-top:-80px;position:relative;z-index:20}.hero-cta-wrapper{max-width:280px;flex-direction:row;gap:10px}.cta-button{flex:1;padding:12px 20px;font-size:14px}}.text-rotate{display:inline-block;position:relative;vertical-align:baseline;line-height:1;cursor:pointer;height:1.4em;overflow:hidden;margin-bottom:0}.text-rotate-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-rotate-lines{display:inline-block!important;position:relative;height:1.4em;vertical-align:baseline;min-width:200px}.text-rotate-element{position:absolute;white-space:nowrap;color:#999;font-size:.35em!important;transition:all .6s cubic-bezier(.4,0,.2,1);cursor:pointer;line-height:1.4;left:0}.text-rotate-element.center{top:1.3em;color:var(--color-primary-text);opacity:1;transform:translateY(0)}.text-rotate-element.top{top:1.3em;opacity:.3;color:#999;transform:translateY(-1.4em)}.text-rotate-element.bottom{top:1.3em;opacity:.3;color:#999;transform:translateY(1.4em)}.text-rotate-element.hidden{opacity:0;pointer-events:none}.services-section{position:relative;z-index:2;margin-top:-450px;padding-top:80px;background-color:var(--color-dark-bg);border-radius:40px;color:var(--color-light-text)}.services-title{font-family:Germania One,cursive;font-weight:400;font-size:48px;letter-spacing:2.4px;margin-bottom:16px;animation:fadeInUp .6s ease-out}.section-divider{border:1px solid var(--color-light-text);opacity:.2;margin-bottom:40px;animation:expandWidth .8s ease-out}@keyframes expandWidth{0%{width:0}to{width:100%}}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:53px;margin-top:40px}.service-card{position:relative;height:446px;border-radius:40px;overflow:visible;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;text-decoration:none;opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out forwards;background-color:#ffffff1a}.service-card:nth-child(1){animation-delay:.2s}.service-card:nth-child(2){animation-delay:.4s}.service-card:nth-child(3){animation-delay:.6s}.service-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#edf3ff,#16154000);opacity:.3;border-radius:40px;transition:all .4s ease}.service-card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 25px 50px #0000004d}.service-card:hover .service-card-bg{background:var(--gradient-main);opacity:1}.service-card-title{font-family:Hanken Grotesk,sans-serif;font-weight:700;font-size:24px;position:relative;z-index:2;color:var(--color-light-text);transition:transform .3s ease}.service-card:hover .service-card-title{transform:translate(5px)}.service-project-count{font-family:Hanken Grotesk,sans-serif;font-weight:500;font-size:14px;color:#ffffffb3;position:relative;z-index:2;margin-top:8px;transition:color .3s ease}.service-card:hover .service-project-count{color:#ffffffe6}.service-card-image-wrapper{position:absolute;bottom:0;left:0;width:100%;height:328px;background-color:#e8ecf5;border-radius:40px;box-shadow:0 0 4px #31215333;display:flex;justify-content:flex-end;align-items:flex-end;padding:30px;overflow:visible;transition:all .3s ease;z-index:0}.service-card:hover .service-card-image-wrapper{box-shadow:0 10px 30px #31215366}.service-card-image-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.service-card-image-content img{width:70%;height:auto;max-height:70%;object-fit:contain;transition:transform .4s ease}.service-card:hover .service-card-image-content img{transform:scale(1.1) rotate(2deg)}.service-arrow-icon{width:75px;height:75px;z-index:2;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.service-card:hover .service-arrow-icon{transform:translate(10px,-10px) rotate(45deg)}@media(max-width:992px){.services-section{margin-top:-200px;margin-left:20px;margin-right:20px;padding-top:60px}.services-grid{grid-template-columns:1fr;gap:30px}.service-card{height:380px}}@media(max-width:768px){.services-section{margin-top:-100px;border-radius:24px;padding-top:100px}.services-title{font-size:32px;letter-spacing:1.6px}.service-card{height:350px;border-radius:24px;padding:24px}.service-card-image-wrapper{height:280px;border-radius:24px}.service-card-title{font-size:20px}.service-arrow-icon{width:60px;height:60px}}@media(max-width:480px){.services-section{margin-top:-80px;margin-left:16px;margin-right:16px;padding-top:80px}.services-title{font-size:28px;letter-spacing:1.4px}.services-grid{gap:20px}.service-card{height:320px;padding:20px}.service-card-image-wrapper{height:250px;padding:20px}.service-card-title{font-size:18px}.service-arrow-icon{width:50px;height:50px}}.services-loop-container{position:relative;width:100%;display:flex;align-items:center;gap:20px}.services-scroll-btn{flex-shrink:0;width:50px;height:50px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.services-scroll-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.services-scroll-btn:active{transform:scale(.95)}.services-loop-wrapper{position:relative;width:100%;overflow:hidden;padding:40px 0;margin-bottom:60px}.services-loop-wrapper:before,.services-loop-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:150px;pointer-events:none;z-index:10}.services-loop-wrapper:before{left:0;background:linear-gradient(to right,#161540,#16154000)}.services-loop-wrapper:after{right:0;background:linear-gradient(to left,#161540,#16154000)}.services-loop-track{display:flex;width:max-content;animation:scrollLeft 30s linear infinite;will-change:transform;transition:transform .5s ease-out}.services-loop-track:hover{animation-play-state:paused}@keyframes scrollLeft{0%{transform:translate(var(--offset, 0px))}to{transform:translate(calc(var(--offset, 0px) - 33.333%))}}.services-loop-set{display:flex;gap:40px;padding-right:40px}.service-card-loop{position:relative;width:350px;height:446px;border-radius:40px;overflow:visible;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;text-decoration:none;background-color:#ffffff1a;flex-shrink:0}.service-card-loop .service-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#edf3ff,#16154000);opacity:.3;border-radius:40px;transition:all .4s ease}.service-card-loop:hover{transform:translateY(-15px) scale(1.05);box-shadow:0 25px 50px #0000004d}.service-card-loop:hover .service-card-bg{background:var(--gradient-main);opacity:1}.service-card-loop .service-card-title{font-family:Hanken Grotesk,sans-serif;font-weight:700;font-size:24px;position:relative;z-index:2;color:var(--color-light-text);transition:transform .3s ease}.service-card-loop:hover .service-card-title{transform:translate(5px)}.service-card-loop .service-project-count{font-family:Hanken Grotesk,sans-serif;font-weight:500;font-size:14px;color:#ffffffb3;position:relative;z-index:2;margin-top:8px;transition:color .3s ease}.service-card-loop:hover .service-project-count{color:#ffffffe6}.service-card-loop .service-card-image-wrapper{position:absolute;bottom:0;left:0;width:100%;height:328px;background-color:#e8ecf5;border-radius:40px;box-shadow:0 0 4px #31215333;display:flex;justify-content:flex-end;align-items:flex-end;padding:30px;overflow:visible;transition:all .3s ease;z-index:0}.service-card-loop:hover .service-card-image-wrapper{box-shadow:0 10px 30px #31215366}.service-card-loop .service-card-image-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.service-card-loop .service-card-image-content img{width:70%;height:auto;max-height:70%;object-fit:contain;transition:transform .4s ease,opacity .5s ease}.service-rotating-image{animation:imageRotate .5s ease-in-out}@keyframes imageRotate{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.service-card-loop:hover .service-card-image-content img{transform:scale(1.1) rotate(2deg)}.service-card-loop .service-arrow-icon{width:75px;height:75px;z-index:2;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.service-card-loop:hover .service-arrow-icon{transform:translate(10px,-10px) rotate(45deg)}@media(max-width:768px){.services-loop-container{gap:10px}.services-scroll-btn{width:40px;height:40px}.services-scroll-btn svg{width:20px;height:20px}.services-loop-wrapper{padding:20px 0;margin-bottom:40px}.services-loop-wrapper:before,.services-loop-wrapper:after{width:80px}.services-loop-set{gap:20px;padding-right:20px}.service-card-loop{width:280px;height:380px;border-radius:24px;padding:24px}.service-card-loop .service-card-image-wrapper{height:280px;border-radius:24px}.service-card-loop .service-card-title{font-size:20px}.service-card-loop .service-arrow-icon{width:60px;height:60px}}.skills-section{text-align:center}.skills-title{font-family:Germania One,cursive;font-weight:400;font-size:48px;letter-spacing:2.4px;margin-bottom:80px}.skills-content{display:flex;justify-content:center;gap:80px;flex-wrap:wrap;transition:all .3s ease}.skill-category{display:flex;flex-direction:column;align-items:center;gap:16px;transition:all .3s ease}.skill-category-header{display:flex;flex-direction:column;align-items:center;gap:1px;margin-bottom:24px}.skill-category-header h3{font-family:Exo,sans-serif;font-weight:700;font-size:20px}.skill-category-header .line{width:120px;height:1px;border-top:1px solid rgba(22,21,64,.3)}.hardskills-list{display:flex;gap:24px;align-items:flex-start;transition:all .3s ease}.hardskill-item{display:flex;flex-direction:column;align-items:center;gap:24px;width:72px;text-align:center;opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards}.hardskill-item:nth-child(1){animation-delay:.1s}.hardskill-item:nth-child(2){animation-delay:.2s}.hardskill-item:nth-child(3){animation-delay:.3s}.hardskill-item:nth-child(4){animation-delay:.4s}.hardskill-item:nth-child(5){animation-delay:.5s}.hardskill-item:nth-child(6){animation-delay:.6s}.hardskill-item:nth-child(7){animation-delay:.7s}.hardskills-list{animation:skillsRefresh .1s ease}@keyframes skillsRefresh{0%{opacity:.99}to{opacity:1}}.hardskill-item img,.figma-logo{width:40px;height:40px}.figma-logo{position:relative}.figma-logo img{position:absolute;top:0;left:0}.figma-logo img:last-child{top:7.5px;left:7.5px;width:25px;height:25px}.hardskill-item span{font-size:16px;font-weight:600;color:#161540bf}.softskills-timeline{position:relative;display:flex;justify-content:space-between;width:456px;padding-top:0}.softskills-timeline:before{content:"";position:absolute;top:8px;left:0;right:0;height:1px;background-color:#1615404d}.softskill-item{display:flex;flex-direction:column;align-items:center;gap:16px;width:15px;text-align:center;position:relative;opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards}.softskill-item:nth-child(1){animation-delay:.2s}.softskill-item:nth-child(2){animation-delay:.3s}.softskill-item:nth-child(3){animation-delay:.4s}.softskill-item:nth-child(4){animation-delay:.5s}.softskill-item:nth-child(5){animation-delay:.6s}.softskill-item:nth-child(6){animation-delay:.7s}.softskill-item:nth-child(7){animation-delay:.8s}.softskills-timeline{animation:skillsRefresh .1s ease}.softskill-item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background:var(--gradient-main);z-index:2}.softskill-item span{font-size:16px;font-weight:600;color:#161540bf;line-height:1.3;margin-top:24px}.experience-section{padding-bottom:0}.experience-title{font-family:Germania One,cursive;font-weight:400;font-size:48px;letter-spacing:2.4px;text-align:center;margin-bottom:80px}.timeline{position:relative;display:flex;flex-direction:column;gap:68px}.timeline:before{content:"";position:absolute;left:50%;top:10px;bottom:10px;width:1px;background-color:#1615404d;transform:translate(-50%)}.timeline-item{display:grid;grid-template-columns:1fr 40px 1fr;gap:40px;align-items:start}.timeline-date{text-align:right}.timeline-date h3{font-size:24px;font-weight:700;margin-bottom:16px}.timeline-date p{font-size:16px;font-weight:700;color:#16154099}.timeline-dot{width:20px;height:20px;border-radius:50%;background:var(--gradient-main);margin:6px auto 0;position:relative;z-index:1}.timeline-content h4{font-size:20px;font-weight:700;margin-bottom:16px}.timeline-content p{font-size:16px;font-weight:500;line-height:1.5;text-align:justify;max-width:686px}@media(max-width:768px){.experience-title{font-size:32px;letter-spacing:1.6px;margin-bottom:50px}.timeline{gap:50px}.timeline:before{left:10px}.timeline-item{grid-template-columns:20px 1fr;gap:20px}.timeline-date{grid-column:2;text-align:left;margin-bottom:12px}.timeline-date h3{font-size:20px}.timeline-date p{font-size:14px}.timeline-dot{grid-column:1;grid-row:1 / 3;margin:6px 0 0;width:16px;height:16px}.timeline-content{grid-column:2}.timeline-content h4{font-size:18px}.timeline-content p{font-size:15px}}@media(max-width:480px){.experience-title{font-size:28px;letter-spacing:1.4px;margin-bottom:40px}.timeline{gap:40px}.timeline-date h3{font-size:18px}.timeline-content h4{font-size:16px}.timeline-content p{font-size:14px}}.portfolio-section{position:relative;z-index:3}.portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;flex-wrap:wrap;gap:20px;animation:fadeInUp .6s ease-out}.portfolio-title{font-family:Germania One,cursive;font-weight:400;font-size:48px;letter-spacing:2.4px}.portfolio-cta{display:flex;align-items:center;gap:10px;padding:15px 50px;border-radius:24px;background:var(--gradient-main);color:var(--color-light-text);font-size:20px;font-weight:800;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.portfolio-cta:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.portfolio-cta:hover:before{width:300px;height:300px}.portfolio-cta:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000026}.portfolio-cta img{transition:transform .3s ease}.portfolio-cta:hover img{transform:translate(5px)}.portfolio-slider{position:relative;display:flex;align-items:center;animation:fadeIn .8s ease-out .3s both;padding:40px 80px;margin:0 -80px;overflow-x:hidden;max-width:100vw}.slider-viewport{width:100%;overflow:hidden}.slider-track{display:flex;gap:40px;transition:transform .5s cubic-bezier(.4,0,.2,1);padding:20px 0}.portfolio-item{width:544px;flex-shrink:0;height:333px;border-radius:32px;position:relative;background:#fff;border:3px solid transparent;background-clip:padding-box;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;overflow:hidden;box-shadow:0 10px 30px #0000001a}.portfolio-item:before{content:"";position:absolute;inset:0;z-index:-1;margin:-3px;border-radius:inherit;background:var(--gradient-main);opacity:0;transition:opacity .4s ease}.portfolio-item:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 25px 50px #0003}.portfolio-item:hover:before{opacity:1}.portfolio-image-stack{position:relative;width:100%;height:100%;overflow:hidden;border-radius:29px}.portfolio-bg{position:absolute;inset:0;background-color:#dfe7ff;border-radius:29px;transition:all .4s ease}.portfolio-item:hover .portfolio-bg{background-color:#eef2ff;transform:scale(1.05)}.portfolio-image-stack img{position:absolute;transition:all .4s ease;box-shadow:0 0 4px #31215333;width:100%;height:100%;object-fit:cover;top:0;left:0}.portfolio-item:hover .portfolio-image-stack img{transform:scale(1.08)}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#59a2d7,#d65c8f);border:none;box-shadow:0 8px 20px #59a2d766;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.slider-nav:hover{transform:translateY(-50%) scale(1.15);box-shadow:0 12px 30px #59a2d799}.slider-nav:active{transform:translateY(-50%) scale(1.05)}.slider-nav.prev{left:0}.slider-nav.next{right:0}.slider-nav img{width:28px;height:28px;transition:transform .3s ease;filter:brightness(0) invert(1)}.slider-nav.prev:hover img{transform:translate(-4px)}.slider-nav.next:hover img{transform:translate(4px)}@media(max-width:1200px){.portfolio-slider{padding:40px 60px;margin:0 -60px}.slider-nav{width:50px;height:50px}.slider-nav img{width:24px;height:24px}}@media(max-width:992px){.portfolio-item{width:400px;height:250px}.portfolio-title{font-size:36px}.portfolio-slider{padding:30px 50px;margin:0 -50px}}@media(max-width:768px){.portfolio-header{margin-bottom:40px}.portfolio-title{font-size:32px;letter-spacing:1.6px}.portfolio-cta{padding:12px 30px;font-size:16px}.portfolio-item{width:300px;height:200px;border-radius:24px}.portfolio-slider{padding:20px 40px;margin:0 -20px;overflow-x:hidden}.slider-track{gap:24px}.slider-nav{width:45px;height:45px}.slider-nav.prev{left:0}.slider-nav.next{right:0}.slider-nav img{width:20px;height:20px}}@media(max-width:480px){.portfolio-title{font-size:28px;letter-spacing:1.4px}.portfolio-cta{padding:10px 24px;font-size:14px}.portfolio-item{width:260px;height:170px;border-radius:20px}.portfolio-slider{padding:20px 30px;margin:0 -16px}.slider-track{gap:16px}.slider-nav{width:40px;height:40px}.slider-nav img{width:18px;height:18px}}.education-section{background-color:var(--color-dark-bg);color:var(--color-light-text);border-radius:40px;margin:0 50px}.education-content{display:flex;flex-direction:column;gap:80px}.education-block{display:flex;flex-direction:column;gap:40px}.education-title{font-family:Germania One,cursive;font-weight:400;font-size:48px;letter-spacing:2.4px;margin-bottom:8px}.education-item{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start;transition:all .3s ease;padding:20px;margin:-20px;border-radius:16px}.education-item.clickable:hover{background-color:#ffffff0d;transform:translate(5px)}.item-details{display:flex;flex-direction:column;gap:16px}.item-details h3{font-size:36px;font-weight:700;margin-bottom:0}.item-details .location,.item-details .degree{font-size:24px;font-weight:400}.item-details .degree{font-weight:600}.item-details .gpa{font-size:20px;font-weight:500;color:#edf3ffcc}.item-date{text-align:right}.item-date p{font-size:24px;font-weight:700;margin:0}.responsibilities{list-style:disc;padding-left:0;margin-top:24px;font-size:24px;line-height:1.5;max-width:916px;text-align:justify}.section-divider{border:none;height:2px;background-color:#edf3ff4d;margin:0}@media(max-width:992px){.education-section{margin:0 20px;border-radius:24px}.education-content{gap:60px}.education-item{grid-template-columns:1fr;gap:20px}.item-date{order:-1;text-align:left;margin-bottom:16px}.item-details h3{font-size:28px}.item-details .location,.item-details .degree,.item-date p,.responsibilities{font-size:20px}}@media(max-width:768px){.education-section{margin:0 16px;border-radius:20px}.education-content{gap:50px}.education-block{gap:30px}.education-title{font-size:32px;letter-spacing:1.6px}.item-details h3{font-size:24px}.item-details .location,.item-details .degree,.item-date p{font-size:18px}.responsibilities{font-size:18px;margin-top:16px}}@media(max-width:480px){.education-section{margin:0 16px;border-radius:16px}.education-content{gap:40px}.education-block{gap:24px}.education-title{font-size:28px;letter-spacing:1.4px}.item-details h3{font-size:20px}.item-details .location,.item-details .degree,.item-date p{font-size:16px}.responsibilities{font-size:16px;padding-left:16px}}.pricing-section{text-align:center;overflow:visible;padding-bottom:120px}.pricing-title{font-family:Germania One,cursive;font-weight:400;font-size:48px;letter-spacing:2.4px;margin-bottom:60px;max-width:570px;margin-left:auto;margin-right:auto;animation:fadeInUp .6s ease-out}.pricing-tabs{display:flex;justify-content:center;gap:20px;margin-bottom:60px;flex-wrap:wrap;animation:fadeIn .8s ease-out .2s both}.tab-button{padding:14px 32px;border-radius:24px;border:none;font-size:18px;font-weight:700;cursor:pointer;background-color:#dfe7ff;color:var(--color-primary-text);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.tab-button.active{background-color:var(--color-dark-bg);color:#fff!important;transform:scale(1.05)}.tab-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 15px #00000026}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto;padding:0 20px;place-items:center}.pricing-grid>*:only-child{grid-column:2 / 3}.pricing-card{padding:45px 35px;border-radius:32px;text-align:center;background:#fff;border:3px solid transparent;background-clip:padding-box;position:relative;transition:all .3s ease;opacity:0;transform:translateY(30px);animation:slideUp .6s ease-out forwards;box-shadow:0 4px 10px #0000000d;height:600px;display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:380px}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.pricing-card:nth-child(1){animation-delay:.3s}.pricing-card:nth-child(2){animation-delay:.4s}.pricing-card:nth-child(3){animation-delay:.5s}.pricing-card:before{content:"";position:absolute;inset:0;border-radius:32px;padding:3px;background:var(--gradient-main);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.pricing-card h3{font-family:Germania One,cursive;font-size:42px;letter-spacing:2px;margin-bottom:16px;color:var(--color-primary-text);text-shadow:0 2px 4px rgba(255,255,255,.5)}.pricing-card>p{font-size:18px;font-weight:500;height:60px;margin-bottom:32px;color:#444;line-height:1.4;text-shadow:0 1px 2px rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center}.pricing-card ul{list-style:none;padding:0;margin:0 0 36px;text-align:left;font-size:16px;line-height:1.6;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:200px}.pricing-card ul li{margin-bottom:14px;padding-left:8px;display:flex;align-items:flex-start;gap:10px;color:#333;text-shadow:0 1px 2px rgba(255,255,255,.8)}.pricing-card ul li:before{content:"✓";display:inline-block;width:24px;height:24px;background:var(--gradient-main);color:#fff;border-radius:50%;text-align:center;line-height:24px;font-weight:700;flex-shrink:0;font-size:14px}.price{font-family:Germania One,cursive;font-size:48px;letter-spacing:2.4px;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:auto;padding-top:20px;border-top:2px solid #eee;flex-shrink:0}.pricing-card-header{flex-shrink:0}.pricing-card-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}.pricing-content{animation:fadeIn .5s ease}@media(max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media(max-width:768px){.pricing-section{padding-bottom:80px}.pricing-title{font-size:36px;margin-bottom:40px}.pricing-tabs{gap:12px;margin-bottom:40px}.tab-button{padding:10px 20px;font-size:14px}.pricing-grid{grid-template-columns:1fr;gap:30px;padding:0 10px}.pricing-card{padding:35px 25px;height:500px}.pricing-card h3{font-size:36px}.pricing-card>p{font-size:16px;height:50px}.pricing-card ul{font-size:14px;min-height:160px}.price{font-size:40px}}.contact-title{font-family:Germania One,cursive;font-weight:400;font-size:48px;letter-spacing:2.4px;text-align:center;max-width:570px;margin:0 auto 80px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-grid{display:grid;grid-template-columns:862fr 465fr;gap:30px;animation:fadeIn .8s ease-out .2s both}.contact-form-wrapper{background-color:#1615401a;border-radius:24px;padding:23px 59px 60px;position:relative;transition:all .3s ease}.contact-form-wrapper:hover{background-color:#1615401f;box-shadow:0 10px 30px #0000000d}.form-header{margin-bottom:40px;animation:slideInLeft .6s ease-out .3s both}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.form-header h3{font-size:32px;font-weight:600;margin-bottom:16px}.form-header p{font-size:24px;font-weight:400}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:flex;gap:32px}.form-group{flex:1;display:flex;flex-direction:column;gap:16px;animation:fadeInUp .6s ease-out both}.form-group:nth-child(1){animation-delay:.4s}.form-group:nth-child(2){animation-delay:.5s}.form-group label{font-size:20px;font-weight:600;transition:color .3s ease}.form-group:focus-within label{color:#59a2d7}.form-group input,.form-group textarea{background-color:#16154026;border-radius:24px;border:2px solid transparent;padding:14px 29px;font-family:Exo,sans-serif;font-size:16px;color:var(--color-primary-text);transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input::placeholder,.form-group textarea::placeholder{color:#161540b3;transition:opacity .3s ease}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{opacity:.5}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus{background-color:#edf3ff;border-color:#59a2d7;outline:none;box-shadow:0 0 0 3px #59a2d733;transform:translateY(-2px)}.submit-btn{position:absolute;bottom:-33px;left:50%;transform:translate(-50%);background-color:#dfe7ff;border:none;border-radius:40px;padding:20px;font-size:20px;font-weight:500;color:var(--color-primary-text);box-shadow:0 4px 10px #1d355740;opacity:.7;cursor:pointer;min-width:218px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:fadeIn .8s ease-out .6s both}.submit-btn:hover{opacity:1;background:var(--gradient-main);color:#fff;transform:translate(-50%) translateY(-5px) scale(1.05);box-shadow:0 8px 20px #1d355766}.submit-btn:active{transform:translate(-50%) translateY(-3px) scale(1.02)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:translate(-50%)}.contact-info-wrapper{background:var(--gradient-main);border-radius:24px;padding:25px 30px;color:var(--color-light-text);height:fit-content;animation:slideInRight .6s ease-out .3s both;transition:transform .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.contact-info-wrapper:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0003}.info-title{font-size:24px;font-weight:700;margin-bottom:25px}.info-cards{display:flex;flex-direction:column;gap:24px}.info-card{background-color:#edf3ffb3;border-radius:24px;padding:20px;display:flex;align-items:center;gap:16px;color:var(--color-primary-text);font-size:20px;font-weight:600;box-shadow:0 4px 10px #1d355740;transition:all .3s ease;cursor:default}.info-card:hover{background-color:#edf3ffe6;transform:translate(5px);box-shadow:0 6px 15px #1d355759}.info-card img{transition:transform .3s ease}.info-card:hover img{transform:scale(1.1) rotate(5deg)}.info-divider{border:none;border-top:1px solid rgba(237,243,255,.5);margin:37px 0}.social-links{display:flex;justify-content:center;gap:32px}.social-links a{transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.social-links a:hover{transform:translateY(-5px) scale(1.15)}.social-links a:active{transform:translateY(-2px) scale(1.05)}.social-links a img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:filter .3s ease}.social-links a:hover img{filter:drop-shadow(0 6px 12px rgba(0,0,0,.2))}@media(max-width:1200px){.contact-grid{grid-template-columns:1fr;gap:60px}.contact-info-wrapper{order:-1}}@media(max-width:768px){.contact-title{font-size:32px;letter-spacing:1.6px;margin-bottom:50px}.contact-form-wrapper{padding:20px 24px 50px;border-radius:20px}.form-row{flex-direction:column;gap:24px}.form-header{margin-bottom:30px}.form-header h3{font-size:24px}.form-header p,.form-group label{font-size:18px}.form-group input,.form-group textarea{padding:12px 20px;font-size:15px;border-radius:20px}.submit-btn{bottom:-28px;padding:16px;font-size:18px;min-width:180px}.contact-info-wrapper{padding:20px 24px;border-radius:20px}.info-title{font-size:20px;margin-bottom:20px}.info-card{padding:16px;font-size:16px;border-radius:20px}.social-links{gap:24px}.social-links a img{width:40px;height:40px}}@media(max-width:480px){.contact-title{font-size:28px;letter-spacing:1.4px;margin-bottom:40px}.contact-form-wrapper{padding:16px 20px 45px}.form-header h3{font-size:20px}.form-header p,.form-group label{font-size:16px}.form-group input,.form-group textarea{padding:10px 16px;font-size:14px}.submit-btn{bottom:-24px;padding:14px;font-size:16px;min-width:160px}.contact-info-wrapper{padding:16px 20px}.info-title{font-size:18px}.info-card{padding:14px;font-size:14px;gap:12px}.info-card img{width:32px;height:32px}.social-links{gap:20px}.social-links a img{width:36px;height:36px}}.blog-section{margin-bottom:0!important;padding-bottom:40px!important}.blog-filter{display:flex;gap:16px;margin-bottom:32px}.filter-btn{padding:12px 32px;border-radius:24px;border:2px solid rgba(22,21,64,.2);background:transparent;color:var(--color-primary-text);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#16154066;transform:translateY(-2px)}.filter-btn.active{background:var(--gradient-main);border-color:transparent;color:#fff}.blog-cta{display:flex;align-items:center;gap:10px;padding:15px 50px;border-radius:24px;background:var(--gradient-main);color:var(--color-light-text);font-size:20px;font-weight:800;text-decoration:none;transition:transform .3s}.blog-cta:hover{transform:translateY(-3px)}.post-arrow{position:absolute;right:0;bottom:0;background:#fff;padding:15px;border-radius:24px 0 0;transition:transform .3s ease}.post-image-link:hover .post-arrow{transform:translate(-5px,-5px)}.post-title a{font-size:20px;font-weight:500;line-height:1.35;color:var(--color-primary-text);text-decoration:none;transition:color .3s ease}.post-title a:hover{color:#59a2d7}@media(max-width:768px){.blog-section{margin-bottom:0!important;padding-bottom:30px!important}}@media(max-width:480px){.blog-section{margin-bottom:0!important;padding-bottom:20px!important}}.blog-section{min-height:60vh}.blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.blog-title{font-family:Germania One,cursive;font-weight:400;font-size:48px;letter-spacing:2.4px}.post-image-link>img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-image-link:hover>img{transform:scale(1.05)}.blog-detail-section{padding-top:40px}.back-button{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--color-primary-text);font-size:18px;font-weight:600;cursor:pointer;margin:30px 0;transition:transform .2s ease}.back-button:hover{transform:translate(-5px)}.back-button img{width:24px;height:24px}.full-article{background-color:#fff;padding:40px;border-radius:24px;box-shadow:0 5px 15px #0000000d;margin-bottom:60px}.article-title{font-family:Germania One,cursive;font-size:48px;letter-spacing:2.4px;margin-bottom:20px;text-align:center}.article-meta{display:flex;justify-content:center;gap:24px;font-size:15px;font-weight:400;margin-bottom:30px}.article-meta span{display:flex;align-items:center;gap:8px}.article-featured-image{max-width:100%;height:auto;border-radius:12px;margin-bottom:40px;display:block;object-fit:cover;width:800px;max-height:500px;margin-left:auto;margin-right:auto}.article-content h3,.article-content h4{font-family:Exo,sans-serif;font-weight:700;font-size:28px;margin-top:30px;margin-bottom:15px}.article-content p,.article-content li{font-family:Hanken Grotesk,sans-serif;font-size:18px;line-height:1.6;margin-bottom:15px;text-align:justify}.article-content ul{list-style:disc;padding-left:20px;margin-bottom:15px}.related-articles{margin-top:40px}.related-articles h2{font-family:Germania One,cursive;font-size:40px;letter-spacing:2px;margin-bottom:30px;text-align:center}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:51px}.blog-post{display:flex;flex-direction:column;gap:24px}.post-image-link{display:block;position:relative;border-radius:40px;overflow:hidden;height:328px}.post-image-link>img{width:100%;height:100%;object-fit:cover}.post-arrow{position:absolute;right:0;bottom:0;background:#fff;padding:15px;border-radius:24px 0 0}.post-title a{font-size:20px;font-weight:500;line-height:1.35;color:var(--color-primary-text);text-decoration:none}.post-meta{display:flex;gap:24px;font-size:15px;font-weight:400}.post-meta span{display:flex;align-items:center;gap:8px}@media(max-width:768px){.article-title{font-size:36px;letter-spacing:1.8px}.full-article{padding:20px}.article-content h3,.article-content h4{font-size:24px}.article-content p,.article-content li{font-size:16px}.related-articles h2{font-size:32px}}.projects-section{min-height:60vh;padding-top:40px}.section-title{font-family:Germania One,cursive;font-weight:400;font-size:48px;letter-spacing:2.4px;margin-bottom:40px;text-align:center}.filter-buttons{text-align:center;margin-bottom:40px}.filter-button{background-color:#dfe7ff;border:1px solid var(--color-primary-text);color:var(--color-primary-text);padding:10px 20px;margin:0 10px;border-radius:24px;cursor:pointer;font-weight:500;transition:all .3s ease}.filter-button.active,.filter-button:hover{background:var(--gradient-main);color:var(--color-light-text);border-color:transparent}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-bottom:80px}.project-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease;cursor:pointer;display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.project-card-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.project-card h3{font-size:24px;margin-bottom:10px;color:var(--color-primary-text)}.project-card p{font-size:16px;color:var(--color-primary-text);opacity:.8;line-height:1.5}@media(max-width:768px){.filter-button{margin:5px;padding:8px 15px;font-size:14px}.project-grid{gap:20px}.project-card img{height:180px}}.project-detail-section{padding-top:80px;padding-bottom:80px}.detail-layout-grid{display:flex;gap:40px;align-items:flex-start}.main-content-column{flex:1;min-width:0}.main-image-wrapper{position:relative;height:536px;border-radius:24px;overflow:hidden;background-color:#dfe7ff;box-shadow:0 0 10px #3121531a;margin-bottom:40px}.main-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.project-detail-text h1{font-family:Germania One,cursive;font-weight:400;font-size:48px;letter-spacing:2.4px;margin-bottom:27px;color:var(--color-primary-text)}.project-detail-tags{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:40px}.project-detail-tag{background-color:#dfe7ff;border-radius:24px;padding:8px 16px;font-weight:500;font-size:14px;color:var(--color-primary-text);border:1px solid rgba(0,0,0,.1)}.project-detail-content{font-size:18px;line-height:1.6;margin-bottom:40px;color:var(--color-primary-text);white-space:pre-wrap}.project-gallery-sidebar{width:280px;flex-shrink:0}.gallery-title{font-family:Germania One,cursive;font-size:32px;text-align:center;margin-bottom:25px;letter-spacing:1.5px}.gallery-grid{display:flex;flex-direction:column;gap:15px}.gallery-grid img{width:100%;height:150px;object-fit:cover;border-radius:8px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease,border .3s ease;cursor:pointer;border:3px solid transparent}.gallery-grid img:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000026}.gallery-grid img.active-thumb{border-color:#59a2d7;transform:scale(1.05)}.related-projects-section{padding:60px 0;background-color:#f8f9fa}.related-projects-section h2{font-family:Germania One,cursive;font-size:40px;text-align:center;margin-bottom:40px;letter-spacing:2px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}.project-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 8px #0000000d;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.project-card img{width:100%;height:200px;object-fit:cover}.project-card-content{padding:20px;flex-grow:1}.project-card-content h3{font-size:22px;margin-bottom:10px}.project-card-content p{font-size:15px;opacity:.8}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;cursor:pointer;animation:fadeIn .3s ease;overflow:auto;padding:20px}.lightbox-overlay::-webkit-scrollbar{width:12px;height:12px}.lightbox-overlay::-webkit-scrollbar-track{background:#ffffff1a;border-radius:6px}.lightbox-overlay::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:6px;transition:background .3s ease}.lightbox-overlay::-webkit-scrollbar-thumb:hover{background:#ffffff80}.lightbox-overlay{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;max-width:95vw;max-height:95vh;cursor:default;animation:zoomIn .3s ease;display:flex;flex-direction:column;align-items:center}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-content img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px #00000080;cursor:default}.lightbox-close{position:absolute;top:-50px;right:-25px;background:#000000b3;border:none;color:#fff;font-size:40px;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease;z-index:10001}.lightbox-close:hover{background-color:#fff3}.main-image-wrapper img:hover{opacity:.9;transform:scale(1.02)}.main-image-wrapper{position:relative;height:536px;border-radius:24px;overflow:hidden;background-color:#dfe7ff;box-shadow:0 0 10px #3121531a;margin-bottom:40px;transition:transform .3s ease}.main-image-wrapper:hover{transform:translateY(-2px);box-shadow:0 5px 20px #31215326}.main-image-wrapper:after{content:"🔍";position:absolute;top:20px;right:20px;background:#000000b3;color:#fff;padding:8px 12px;border-radius:20px;font-size:16px;opacity:0;transition:opacity .3s ease;pointer-events:none}.main-image-wrapper:hover:after{opacity:1}@media(max-width:992px){.detail-layout-grid{flex-direction:column}.project-gallery-sidebar{width:100%}.gallery-grid{flex-direction:row;overflow-x:auto}.gallery-grid img{width:180px;flex-shrink:0}.lightbox-overlay{padding:10px}.lightbox-close{top:-40px;right:-20px;font-size:30px;width:40px;height:40px}.lightbox-content{max-width:98vw;max-height:98vh}}@media(max-width:768px){.main-image-wrapper{height:300px}.project-detail-text h1{font-size:36px}.lightbox-content{max-width:98vw;max-height:98vh}.lightbox-overlay{padding:5px}.lightbox-close{top:-35px;right:-15px;font-size:25px;width:35px;height:35px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--gradient-main);padding:20px}.login-card{background-color:#fff;border-radius:24px;padding:50px 40px;box-shadow:0 10px 30px #0003;text-align:center;width:100%;max-width:450px;animation:fadeInScale .5s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.login-card .logo{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.login-card .logo img{width:100px;height:100px;margin-bottom:10px}.login-card .logo span{font-size:32px;font-weight:700;color:var(--color-dark-bg)}.login-card h2{font-family:Germania One,cursive;font-size:36px;color:var(--color-dark-bg);margin-bottom:15px}.login-card p{font-size:18px;color:#161540b3;margin-bottom:30px}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-group-admin{text-align:left}.login-form input[type=text],.login-form input[type=password]{background-color:#f0f4f8;border:1px solid #e0e4e8;border-radius:12px;padding:15px 20px;font-size:18px;color:var(--color-primary-text);width:100%}.login-form input[type=text]:focus,.login-form input[type=password]:focus{border-color:var(--color-dark-bg);box-shadow:0 0 0 3px #1615401a;outline:none}.login-btn{width:100%;padding:15px;font-size:20px;border-radius:12px;margin-top:20px}.login-message{margin-top:15px;font-size:16px;color:#d65c8f;font-weight:500}.login-message.success{color:#4caf50}@media(max-width:480px){.login-card{padding:30px 20px;margin:20px}.login-card h2{font-size:28px}.login-card p{font-size:16px}.login-form input{font-size:16px;padding:12px 15px}.login-btn{font-size:18px;padding:12px}}:root{--admin-sidebar-width: 280px;--admin-header-height: 80px;--admin-bg-light: #f8fafd;--admin-text-dark: var(--color-primary-text);--admin-border-color: rgba(22, 21, 64, .1)}.admin-wrapper{display:flex;min-height:100vh;background-color:var(--admin-bg-light)}.sidebar{width:var(--admin-sidebar-width);background-color:var(--color-dark-bg);color:var(--color-light-text);padding:30px 20px;display:flex;flex-direction:column;border-right:1px solid rgba(237,243,255,.1);box-shadow:2px 0 10px #0000001a;position:fixed;height:100vh;overflow-y:auto}.sidebar .logo{display:flex;align-items:center;gap:10px;margin-bottom:40px;padding-left:10px}.sidebar .logo img{width:60px;height:60px}.sidebar .logo span{font-size:28px;font-weight:700;color:var(--color-light-text)}.admin-nav ul{list-style:none;padding:0;margin:0}.admin-nav li{margin-bottom:10px}.admin-nav a{display:flex;align-items:center;padding:12px 10px;color:var(--color-light-text);text-decoration:none;font-size:18px;font-weight:500;border-radius:8px;transition:background-color .3s ease,color .3s ease;opacity:.8}.admin-nav a:hover{background-color:#edf3ff1a;opacity:1}.admin-nav a.active{background:var(--gradient-main);color:#fff;opacity:1;font-weight:600}.main-content{flex-grow:1;margin-left:var(--admin-sidebar-width);display:flex;flex-direction:column;background-color:var(--admin-bg-light)}.admin-header{background-color:#fff;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--admin-border-color);box-shadow:0 2px 5px #0000000d;height:var(--admin-header-height)}.admin-header h2{font-family:Germania One,cursive;font-size:32px;color:var(--admin-text-dark);margin:0}.admin-header .user-info{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--admin-text-dark)}.admin-header .user-info img{width:40px;height:40px;border-radius:50%;object-fit:cover}.admin-container{padding:40px;flex-grow:1;overflow-y:auto}.admin-section{background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 5px 15px #0000000d;margin-bottom:30px}.admin-section h3{font-family:Exo,sans-serif;font-size:28px;font-weight:700;color:var(--admin-text-dark);margin:0 0 30px}.mt-4{margin-top:40px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background-color:#fdfefe;border-radius:12px;padding:25px;box-shadow:0 3px 10px #0000000d;text-align:center;border:1px solid var(--admin-border-color);transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h4{font-size:18px;color:#161540b3;margin-bottom:10px}.stat-card p{font-family:Germania One,cursive;font-size:48px;color:var(--color-dark-bg);margin:0}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:40px}.quick-actions-grid .btn-primary{width:100%;padding:12px 15px;font-size:16px;text-align:center;text-decoration:none;display:inline-block}.btn-primary{background:var(--gradient-main);color:#fff;padding:10px 20px;border:none;border-radius:20px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0003}.activity-list{list-style:none;padding:0;margin:0}.activity-list li{background-color:#fdfefe;border:1px solid var(--admin-border-color);border-radius:8px;padding:15px 20px;margin-bottom:10px;font-size:16px;color:var(--admin-text-dark)}@media(max-width:992px){.sidebar{width:100%;height:auto;position:relative;padding:20px;flex-direction:row;justify-content:space-between;align-items:center;border-right:none;border-bottom:1px solid rgba(237,243,255,.1)}.sidebar .logo{margin-bottom:0}.admin-nav{display:none}.main-content{margin-left:0}.admin-header{padding:15px 20px;height:auto}.admin-container{padding:20px}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:768px){.admin-header h2{font-size:24px}.stat-card p{font-size:36px}.quick-actions-grid{grid-template-columns:1fr}}@media(max-width:480px){.sidebar .logo span{font-size:22px}.admin-header h2{font-size:20px}.btn-primary{padding:8px 15px;font-size:14px}}.admin-editor{min-height:100vh;background:#f5f7fa;padding:40px 20px}.editor-header{max-width:900px;margin:0 auto 40px}.back-button{display:inline-block;padding:10px 20px;background:#fff;border-radius:8px;text-decoration:none;color:#667eea;font-weight:600;margin-bottom:20px;transition:all .3s ease}.back-button:hover{background:#667eea;color:#fff}.editor-header h1{font-size:36px;color:#333}.editor-tabs{max-width:900px;margin:0 auto 30px;display:flex;gap:10px;flex-wrap:wrap}.editor-tabs button{padding:12px 24px;border:none;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.editor-tabs button.active{background:#667eea;color:#fff}.editor-content{max-width:900px;margin:0 auto}.editor-item,.pricing-plan-editor{background:#fff;border-radius:12px;padding:30px;margin-bottom:20px;box-shadow:0 2px 10px #0000000d}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.item-header h3{font-size:24px;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.roles-list,.feature-item{margin-bottom:10px}.role-item,.feature-item{display:flex;align-items:center;gap:10px;padding:10px;background:#f8f9fa;border-radius:8px;margin-bottom:8px}.role-item span{flex:1}.add-role{display:flex;gap:10px;margin-top:10px}.add-role input{flex:1}.add-btn,.remove-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.add-btn{background:#4caf50;color:#fff}.add-btn:hover{background:#45a049}.add-btn.large{width:100%;padding:15px;font-size:16px;margin-bottom:15px}.remove-btn{background:#f44336;color:#fff;padding:6px 12px}.remove-btn:hover{background:#da190b}.save-button{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:transform .3s ease}.save-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}@media(max-width:768px){.admin-editor{padding:20px 10px}.editor-header h1{font-size:28px}.editor-item,.pricing-plan-editor{padding:20px}}.role-item-editor{display:flex;gap:10px;align-items:center;margin-bottom:12px;padding:12px;background:#f8f9fa;border-radius:8px}.role-inputs{display:flex;gap:10px;flex:1}.role-inputs input{flex:1;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px}.role-inputs select{flex:1;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.role-inputs input:first-child{flex:2}.role-item-editor .remove-btn{background:#ff4757;color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.role-item-editor .remove-btn:hover{background:#e84118;transform:scale(1.1)}.add-role{display:flex;gap:10px;margin-top:15px}.add-role input{flex:1;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px}.add-role select{flex:1;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.add-role input:first-child{flex:2}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.project-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.project-image{height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-info{padding:20px}.project-info h4{font-size:18px;font-weight:600;margin-bottom:8px;color:#333}.project-category{display:inline-block;background:#667eea;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:10px}.project-info p{color:#666;font-size:14px;line-height:1.5;margin-bottom:15px}.project-actions{display:flex;gap:10px}.project-actions button{flex:1;padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary{background:#f8f9fa;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#667eea;color:#fff}.btn-danger{background:#ff4757;color:#fff}.btn-danger:hover{background:#e84118}.btn-danger-small{background:#ff4757;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s ease}.btn-danger-small:hover{background:#e84118}.gallery-editor{border:2px dashed #e0e0e0;border-radius:8px;padding:20px;background:#fafafa}.gallery-item{display:flex;gap:10px;align-items:center;margin-bottom:10px;padding:10px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.gallery-item input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.form-group.full-width{grid-column:1 / -1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.section-header h3{font-size:24px;color:#333;margin:0}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}@media(max-width:768px){.form-grid,.projects-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:15px}.form-actions{justify-content:stretch}.form-actions button{flex:1}}.articles-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.article-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;gap:20px}.article-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.article-image{width:200px;height:150px;flex-shrink:0;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-card:hover .article-image img{transform:scale(1.05)}.article-info{flex:1;padding:20px;display:flex;flex-direction:column}.article-meta{display:flex;align-items:center;gap:15px;margin-bottom:10px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.published{background:#4caf50;color:#fff}.status-badge.draft{background:#ff9800;color:#fff}.article-date{color:#666;font-size:14px}.article-info h4{font-size:18px;font-weight:600;margin-bottom:8px;color:#333;line-height:1.4}.article-excerpt{color:#666;font-size:14px;line-height:1.5;margin-bottom:15px;flex:1}.article-stats{display:flex;gap:20px;margin-bottom:15px;font-size:13px;color:#888}.article-actions{display:flex;gap:10px}.article-actions button{padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.content-editor{font-family:Courier New,monospace;line-height:1.6;resize:vertical}.form-help{display:block;margin-top:5px;color:#666;font-size:12px;font-style:italic}@media(max-width:768px){.article-card{flex-direction:column}.article-image{width:100%;height:200px}.article-info{padding:15px}.article-meta{flex-direction:column;align-items:flex-start;gap:8px}.article-stats{flex-direction:column;gap:5px}.article-actions{justify-content:stretch}.article-actions button{flex:1}}.category-selector{display:flex;gap:10px;align-items:center}.category-selector select{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:#fff;cursor:pointer;transition:border-color .3s ease}.category-selector select:focus{outline:none;border-color:#667eea}.btn-add-category{width:40px;height:40px;border:none;background:#4caf50;color:#fff;border-radius:8px;font-size:24px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-add-category:hover{background:#45a049;transform:scale(1.05)}.add-category-form{display:flex;gap:10px;margin-top:10px;padding:15px;background:#f8f9fa;border-radius:8px;border:2px dashed #e0e0e0}.add-category-form input{flex:1;padding:10px 14px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px}.add-category-form input:focus{outline:none;border-color:#667eea}.btn-confirm{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-confirm:hover{background:#45a049}.btn-cancel{padding:10px 20px;background:#f44336;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#da190b}.categories-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-top:20px}.category-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-radius:8px;border:2px solid #e0e0e0;transition:all .3s ease}.category-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.category-item span{font-weight:600;color:#333;font-size:15px}@media(max-width:768px){.categories-list{grid-template-columns:1fr}.add-category-form{flex-direction:column}.add-category-form button{width:100%}}.role-selector{margin-bottom:30px}.role-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.role-tab{padding:10px 20px;border:2px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease}.role-tab.active{background:var(--gradient-main);color:#fff;border-color:transparent}.role-tab:hover{border-color:#007bff}.add-role-btn{padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.add-role-btn:hover{background:#218838}.skills-sections{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.skill-section{border:1px solid #ddd;border-radius:12px;padding:20px;background:#f8f9fa}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ddd}.section-header h3{margin:0;color:#333}.add-btn{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s ease}.add-btn:hover{background:#0056b3}.skills-list{display:flex;flex-direction:column;gap:15px}.skill-item{display:flex;gap:10px;align-items:center;padding:15px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.skill-inputs{display:flex;flex-direction:column;gap:8px;flex:1}.skill-inputs input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.remove-btn{padding:6px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap;transition:background .3s ease}.remove-btn:hover{background:#c82333}.preview-section{border:1px solid #ddd;border-radius:12px;padding:20px;background:#f8f9fa}.preview-section h3{margin-top:0;color:#333;border-bottom:1px solid #ddd;padding-bottom:10px}.skills-preview{display:grid;grid-template-columns:1fr 1fr;gap:20px}.preview-category h4{margin:0 0 15px;color:#555}.preview-hardskills{display:flex;flex-wrap:wrap;gap:15px}.preview-skill{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;background:#fff;border-radius:8px;border:1px solid #e0e0e0;min-width:80px}.preview-skill span{font-size:12px;text-align:center;color:#666}.preview-softskills{display:flex;flex-direction:column;gap:8px}.preview-soft-skill{padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;font-size:14px;color:#555}@media(max-width:768px){.skills-sections,.skills-preview{grid-template-columns:1fr}.role-tabs{flex-direction:column}.skill-item{flex-direction:column;align-items:stretch}.skill-inputs{margin-bottom:10px}}.articles-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.article-item{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease}.article-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.article-info{flex:1}.article-info h4{margin:0 0 10px;color:#333;font-size:18px}.article-excerpt{margin:0 0 10px;color:#666;font-size:14px;line-height:1.5}.article-info small{color:#888;font-size:13px}.article-actions{display:flex;gap:10px;margin-left:15px}.edit-btn{background:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.edit-btn:hover{background:#45a049;transform:translateY(-2px)}.cancel-btn{background:#ff9800;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.cancel-btn:hover{background:#f57c00}.item-header{display:flex;justify-content:space-between;align-items:center}:root{--color-primary-bg: #edf3ff;--color-dark-bg: #161540;--color-primary-text: #161540;--color-light-text: #edf3ff;--color-surface: #dfe7ff;--gradient-main: linear-gradient(149deg, #59a2d7 0%, #d65c8f 116.74%)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}body{margin:0;font-family:Exo,sans-serif;background-color:var(--color-primary-bg);color:var(--color-primary-text);overflow-x:hidden;position:relative;width:100%;max-width:100vw}#root{overflow-x:hidden;max-width:100vw}.container{width:100%;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:98px;padding-right:98px}h1,h2,h3,h4,h5,h6,p{margin:0}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.section{padding-top:80px;padding-bottom:80px;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.section:nth-child(1){animation-delay:.1s}.section:nth-child(2){animation-delay:.2s}.section:nth-child(3){animation-delay:.3s}.section:nth-child(4){animation-delay:.4s}.section:nth-child(5){animation-delay:.5s}.text-gradient{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(10deg)}}.cta-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:15px 50px;border-radius:24px;font-family:Exo,sans-serif;font-weight:500;font-size:16px;transition:all .3s ease;cursor:pointer;border:none;text-decoration:none;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-button:hover:before{width:300px;height:300px}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000026}.cta-button:active{transform:translateY(-1px)}.cta-button.primary{background:var(--gradient-main);color:var(--color-light-text)}.cta-button.secondary{border:2px solid var(--color-dark-bg);color:var(--color-dark-bg);background:transparent}.cta-button.secondary:hover{background:var(--color-dark-bg);color:var(--color-light-text)}.service-card,.portfolio-card,.blog-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.service-card:hover,.portfolio-card:hover,.blog-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #00000026}@media(max-width:1200px){.container{padding-left:40px;padding-right:40px}}@media(max-width:768px){.container{padding-left:20px;padding-right:20px}.section{padding-top:40px;padding-bottom:40px}.cta-button{padding:12px 30px;font-size:14px}}@media(max-width:480px){.container{padding-left:16px;padding-right:16px}.section{padding-top:30px;padding-bottom:30px}.cta-button{padding:10px 24px;font-size:13px}}button,a,input,textarea,select{transition:all .3s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1.5s ease-in-out infinite}