:root{--primary-purple: #3aa9ff;--primary-purple-dark: #1f89e6;--electric-blue: #49b9ff;--electric-blue-light: #bfe6ff;--coral: #b92a27;--coral-light: #ff7a73;--soft-white: #fefefe;--pure-white: #ffffff;--dark-navy: #0f172a;--slate-800: #1e293b;--slate-700: #334155;--slate-600: #475569;--slate-100: #f1f5f9;--slate-50: #f8fafc;--gradient-primary: linear-gradient(135deg, #3aa9ff 0%, #49b9ff 45%, #bfe6ff 100%);--gradient-secondary: linear-gradient(135deg, #b92a27 0%, #ff7a73 45%, #49b9ff 100%);--gradient-accent: linear-gradient(135deg, #3aa9ff 0%, #49b9ff 50%, #bfe6ff 100%);--gradient-cta: linear-gradient(135deg, #b92a27 0%, #ff534c 40%, #49b9ff 100%);--gradient-hero: linear-gradient(135deg, #0f172a 0%, #111827 55%, #062b2b 100%);--shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-large: 0 25px 50px -12px rgba(0, 0, 0, .25)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Raleway,Segoe UI,sans-serif;color:var(--slate-800);background:linear-gradient(135deg,var(--slate-50) 0%,var(--soft-white) 100%);line-height:1.7;overflow-x:hidden;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5{font-family:Space Grotesk,Inter,sans-serif;font-weight:700;margin:0 0 1rem;letter-spacing:-.025em}h1{font-size:3.2rem;line-height:1.1;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}h2{font-size:2.5rem;color:var(--electric-blue);margin-bottom:2rem;font-weight:700}h3{font-size:1.75rem;color:var(--electric-blue);font-weight:600}p{margin:0 0 1.2rem}a{color:var(--electric-blue);text-decoration:none;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}a:hover{color:var(--coral);transform:translateY(-1px)}a:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:var(--gradient-secondary);transition:width .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}.btn{display:inline-block;padding:1rem 2.5rem;background:var(--gradient-cta);color:var(--pure-white);border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-medium);position:relative;overflow:hidden;text-decoration:none}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-large);background:var(--gradient-cta);color:var(--pure-white)}.header{background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:all .3s ease;min-height:80px;display:flex;align-items:center}.header.scrolled{background:#0f172afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-medium);padding:.8rem 0;min-height:70px}.header .container{display:flex;justify-content:space-between;align-items:center;gap:4rem}.logo{font-size:1.4rem;font-weight:800;color:var(--pure-white);letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.logo span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo a{position:relative;text-decoration:none;color:inherit}.logo a:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:var(--gradient-secondary);transition:width .3s ease}.logo a:hover:after{width:100%}.desktop-nav{display:flex;justify-content:flex-end}.desktop-nav ul{list-style:none;display:flex;gap:.8rem;margin:0;padding:0}.desktop-nav button{background:none;border:none;color:var(--pure-white);font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;position:relative}.desktop-nav button:hover{color:var(--electric-blue-light);background:#00c2c71f}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.burger-line{width:24px;height:3px;background:var(--pure-white);border-radius:2px;transition:all .3s ease;margin:2px 0}.burger-line.open{background:var(--electric-blue-light)}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0f172afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);z-index:1000;overflow:hidden;box-shadow:0 8px 32px #0000004d}.mobile-nav ul{list-style:none;margin:0;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.mobile-nav button{background:none;border:none;color:var(--pure-white);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;padding:.8rem 1rem;border-radius:8px;text-align:left;width:100%}.mobile-nav button:hover{color:var(--electric-blue-light);background:#49b9ff26}.feature-card,.project-card{border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.feature-card{padding:1.6rem;background:var(--pure-white);box-shadow:var(--shadow-soft);border:1px solid rgba(0,194,199,.15);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-accent)}.feature-icon{font-size:2.2rem;margin-bottom:.8rem;display:block;text-align:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.feature-accent{position:absolute;bottom:0;left:0;right:0;height:3px;transform:scaleX(0);transition:transform .3s ease}.feature-card h3{line-height:1.25;margin-bottom:.3rem;font-size:1.4rem}.feature-card p{line-height:1.55;margin:0}.section-title{text-align:center;margin-bottom:2rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--gradient-primary);border-radius:2px}.project-card{background:var(--pure-white);box-shadow:var(--shadow-soft);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-accent);transform:scaleX(0);transition:transform .3s ease}.project-card .content{padding:2rem}.project-card .content h3{font-size:1.4rem;margin-bottom:1rem;line-height:1.4}.social-links{display:flex;gap:1.5rem;justify-content:center;flex:1;align-items:flex-start;padding-top:-1rem;margin-top:-1rem}.social-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;border-radius:16px;background:var(--pure-white);border:2px solid rgba(99,102,241,.1);box-shadow:0 4px 12px #0000000d;transition:all .3s ease;text-decoration:none;min-width:120px;position:relative;overflow:hidden}.social-icon-img{width:2rem;height:2rem;object-fit:contain;margin-bottom:.75rem;transition:transform .3s ease}.social-label{font-size:.9rem;font-weight:600;color:var(--electric-blue);text-align:center;transition:color .3s ease}.social-links a:hover{transform:translateY(-4px);box-shadow:0 8px 25px #6366f126;border-color:var(--electric-blue)}.social-links a:hover .social-icon-img{transform:scale(1.1)}.social-links a:hover .social-label{color:var(--electric-blue)}.section{padding:6rem 0;position:relative}.section:nth-child(2n){background:linear-gradient(135deg,var(--slate-50) 0%,var(--soft-white) 100%)}.hero{background:var(--gradient-hero);color:var(--pure-white);padding:10rem 0 8rem;text-align:center;position:relative;overflow:hidden;width:100%}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero .container{position:relative;z-index:2}.hero h1{color:var(--pure-white);background:none;-webkit-text-fill-color:var(--pure-white);margin-bottom:2rem}.hero p{font-size:1.4rem;max-width:800px;margin:0 auto 3rem;opacity:.9;line-height:1.8}.hero-actions{display:flex;gap:1.5rem;justify-content:center;margin-bottom:4rem;flex-wrap:wrap}.hero-actions .btn{flex:0 0 auto}.btn-secondary{background:transparent;color:var(--pure-white);border:2px solid rgba(191,230,255,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:linear-gradient(135deg,#bfe6ff26,#49b9ff33);border-color:var(--electric-blue);color:var(--electric-blue-light)}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:800px;margin:0 auto}.stat{text-align:center;padding:1.5rem;background:#ffffff1a;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.stat-number{font-size:2.5rem;font-weight:800;color:var(--electric-blue-light);margin-bottom:.5rem;font-family:Space Grotesk,sans-serif}.stat-label{font-size:.9rem;opacity:.8;line-height:1.4}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.6rem;margin-top:2rem}.about,.contacts{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:stretch}.about h2,.contacts h2{grid-column:1 / -1;text-align:center}.about-content{display:flex;flex-direction:column;gap:2rem}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.skills-section{background:var(--slate-50);padding:2rem;border-radius:16px;border:1px solid rgba(0,194,199,.15)}.skills-section h4{color:var(--electric-blue);margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.skills-grid{display:flex;flex-direction:column;gap:1rem}.skill-item{background:var(--pure-white);padding:1rem;border-radius:12px;box-shadow:var(--shadow-soft)}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skill-name{font-weight:600;color:var(--slate-800)}.skill-percentage{font-weight:700;color:var(--electric-blue);font-size:.9rem}.skill-bar{height:8px;background:var(--slate-100);border-radius:4px;overflow:hidden}.skill-progress{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width 1s ease-out}.education-card{background:var(--pure-white);padding:2.5rem;border-radius:16px;box-shadow:var(--shadow-soft);border:1px solid rgba(99,102,241,.1);position:relative;overflow:hidden}.education-card.compact{padding:1.5rem}.education-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-secondary)}.about-photo .photo-card{overflow:hidden;border-radius:0;box-shadow:var(--shadow-soft);border:3px solid var(--electric-blue);background:var(--pure-white);max-width:80%}.about-photo{justify-self:end}.about-photo img{display:block;width:100%;height:auto}.education-icon{font-size:2.5rem;margin-bottom:1rem;text-align:center}.education-card h3{color:var(--coral);margin-bottom:1.5rem;text-align:center}#education .education-card{max-width:820px;margin:0 auto}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.6rem}.education-note{text-align:center;color:var(--slate-600);margin:-.5rem auto 1.5rem;max-width:820px}.course-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.status{font-size:.8rem;font-weight:700;padding:.25rem .6rem;border-radius:999px;letter-spacing:.3px;margin-bottom:1rem;display:inline-block;vertical-align:top}.status.completed{background:#00c88c26;color:#00a77a;border:1px solid rgba(0,200,140,.3)}.status.in-progress{background:#49b9ff26;color:var(--electric-blue);border:1px solid rgba(73,185,255,.35)}.status.planned{background:#ff63841f;color:#d5423a;border:1px solid rgba(255,99,132,.25)}.course-title{font-size:1.4rem;line-height:1.25;margin:0 0 .6rem;color:var(--electric-blue);text-align:left}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.modal{background:var(--pure-white);border-radius:12px;box-shadow:var(--shadow-large);padding:1rem;max-width:900px;width:calc(100% - 2rem);position:relative}.modal img{width:100%;height:auto;display:block}.modal-close{position:absolute;top:12px;right:16px;background:var(--pure-white);border:1px solid rgba(0,0,0,.1);border-radius:999px;width:36px;height:36px;font-size:1.3rem;cursor:pointer}.my-project-section{margin:3rem 0}.my-project-card{background:var(--pure-white);border-radius:20px;box-shadow:var(--shadow-large);border:2px solid var(--electric-blue);overflow:hidden;position:relative;transition:all .3s ease;display:flex;flex-direction:row}.my-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--gradient-secondary);z-index:1}.my-project-image-container{position:relative;overflow:hidden;background:var(--slate-50);border-radius:0 20px 20px 0;flex:0 0 40%;min-width:300px;padding:35px}.my-project-image-container img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;border-radius:12px}.my-project-category{position:absolute;top:1rem;right:1rem;background:var(--gradient-secondary);color:var(--pure-white);padding:.6rem 1.2rem;border-radius:25px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-medium)}.my-project-content{padding:2.5rem;flex:1;display:flex;flex-direction:column;justify-content:center}.my-project-content h3{color:var(--electric-blue);margin-bottom:1rem;font-size:1.8rem;font-weight:700}.my-project-content p{margin-bottom:1.5rem;line-height:1.7;font-size:1.1rem;color:var(--slate-700)}.my-project-technologies{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.my-project-technologies .tech-tag{background:var(--gradient-primary);color:var(--pure-white);font-weight:600;padding:.5rem 1rem;border-radius:15px;font-size:.9rem}.my-project-actions{display:flex;gap:1.5rem;flex-wrap:wrap}.my-project-actions .btn-small{padding:.8rem 1.5rem;font-size:1rem;font-weight:600;border-radius:10px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-top:3rem}.project-intro{margin-bottom:3rem}.intro-card{background:var(--pure-white);padding:2rem;border-radius:16px;box-shadow:var(--shadow-soft);border:1px solid rgba(99,102,241,.1);text-align:center;position:relative;overflow:hidden}.intro-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-accent)}.intro-icon{font-size:3rem;margin-bottom:1rem;display:block}.project-subtitle{text-align:center;margin-bottom:2rem;color:var(--slate-700);font-size:1.4rem;font-weight:600}.project-icon-container{position:relative;overflow:hidden;background:var(--slate-50);border-radius:16px 16px 0 0;padding:2rem;display:flex;align-items:center;justify-content:center;min-height:120px}.project-icon{font-size:3rem;margin-bottom:1rem}.project-category{position:absolute;top:1rem;right:1rem;background:var(--gradient-accent);color:var(--pure-white);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tech-tag{background:var(--slate-100);color:var(--slate-700);padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid rgba(99,102,241,.2)}.project-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-small{padding:.6rem 1.2rem;font-size:.9rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-small:not(.btn-outline){background:var(--gradient-accent);color:var(--pure-white)}.btn-small:not(.btn-outline):hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-outline{background:transparent;color:var(--electric-blue);border:2px solid var(--electric-blue)}.btn-outline:hover{background:var(--electric-blue);color:var(--pure-white);transform:translateY(-2px)}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--gradient-primary);color:var(--pure-white);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-medium);z-index:1000;transition:all .3s ease}.scroll-to-top:hover{background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-large)}.scroll-to-top:active{transform:translateY(0)}@media (max-width: 768px){.header{padding:.8rem 0;min-height:60px}.header.scrolled{padding:.6rem 0;min-height:55px}.header .container{gap:1rem;flex-wrap:wrap}.logo{font-size:1.2rem;flex:1}.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.mobile-nav{display:block}h1{font-size:2.2rem;line-height:1.2}h2{font-size:1.8rem;margin-bottom:1.5rem}h3{font-size:1.4rem}p{font-size:1rem;line-height:1.6}.container{padding:0 1rem;margin:0 auto;max-width:100%;width:100%;box-sizing:border-box}body{overflow-x:hidden;margin:0;padding:0}*{box-sizing:border-box}html,body{width:100%;margin:0;padding:0}.section{padding:3rem 0}.hero{padding:6rem 0 4rem}.hero h1{font-size:1.8rem;margin-bottom:1.5rem}.hero p{font-size:1.1rem;margin-bottom:2rem}.hero-actions{flex-direction:column;align-items:center;gap:1rem;margin-bottom:3rem}.hero-actions .btn{width:100%;max-width:280px;padding:.9rem 1.5rem;font-size:1rem}.hero-stats{grid-template-columns:1fr;gap:1rem}.stat{padding:1rem}.stat-number{font-size:2rem}.stat-label{font-size:.85rem}.features{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem;margin:0;width:100%;max-width:100%}.feature-card h3{font-size:1.2rem;margin-bottom:.5rem;word-wrap:break-word}.feature-icon{font-size:2rem;margin-bottom:.8rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem;margin:0;padding:0}.project-card{width:100%;max-width:100%;margin:0}.project-card .content{padding:1.5rem;width:100%}.project-card .content h3{font-size:1.3rem;word-wrap:break-word}.about,.contacts{grid-template-columns:1fr;gap:2rem}.about-photo .photo-card{max-width:100%;margin:0 auto}.about-content{gap:1.5rem}.about-text p{font-size:1rem;margin-bottom:1rem}.skills-section{padding:1.5rem}.skills-section h4{font-size:1.2rem;margin-bottom:1rem}.education-grid{grid-template-columns:1fr;gap:1.5rem}.education-card{padding:2rem}.education-card.compact{padding:1.5rem}.course-title{font-size:1.2rem}.case-studies-grid{grid-template-columns:1fr;gap:1.5rem}.case-study-card{padding:2rem}.case-study-title{font-size:1.3rem}.contact-card,.social-card{padding:2rem;max-width:100%;overflow-x:hidden}.contact-card h3,.social-card h3{font-size:1.2rem;margin-bottom:1.5rem}.contact-list{gap:1rem;max-width:100%;overflow-x:hidden}.contact-item{padding:.8rem;max-width:100%;word-wrap:break-word}.contact-icon{font-size:1.2rem;width:2.5rem;height:2.5rem}.social-links{flex-direction:column;gap:.8rem;padding:0 1rem}.social-links a{min-width:auto;width:100%;max-width:100%;padding:1rem;border:none;background:transparent;box-shadow:none;margin:0}.social-links a:hover{background:#49b9ff1a;box-shadow:none;transform:translateY(-1px);border:none}.social-icon-img{width:1.8rem;height:1.8rem}.social-label{font-size:.9rem}.footer{padding:2.5rem 0 1.5rem}.footer-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer-info{text-align:center}.footer-logo{font-size:1.1rem!important;margin-bottom:.2rem}.footer-tagline{font-size:.7rem!important}.footer-copyright{font-size:.75rem!important;margin-bottom:.2rem}.footer-description{font-size:.75rem!important;line-height:1.3}.footer-motto{font-size:.75rem!important}.footer-divider{margin-bottom:1rem}.btn{padding:.8rem 1.5rem;font-size:.95rem}.btn-small{padding:.7rem 1.2rem;font-size:.9rem}.project-actions{flex-direction:column;gap:1rem}.project-actions .btn-small{width:100%;max-width:200px}.my-project-card{flex-direction:column}.my-project-image-container{flex:none;min-width:auto;border-radius:20px 20px 0 0;padding:2rem}.my-project-content{padding:2rem}.my-project-content h3{font-size:1.4rem}.my-project-actions{flex-direction:column;align-items:center;gap:1rem}.my-project-actions .btn-small{width:100%;max-width:200px}.page-header,.project-page-header,.case-page-header{padding:1.5rem 0;margin-bottom:1.5rem;width:100%;max-width:100%}.page-header h1,.project-page-header h1,.case-page-header h1{font-size:1.1rem!important;margin-bottom:.8rem;word-wrap:break-word}.page-subtitle,.project-page-subtitle,.case-page-subtitle{font-size:1rem!important;margin-bottom:1rem;word-wrap:break-word}.project-page-content,.case-page-content{padding:1.5rem!important;width:100%;max-width:100%;margin:0}.project-page-section,.case-page-section{margin-bottom:1.5rem;width:100%}.project-page-section h2,.case-page-section h2{font-size:1.4rem!important;margin-bottom:.8rem;word-wrap:break-word}.project-page-section h3,.case-page-section h3{font-size:1.1rem!important;margin-bottom:.6rem;word-wrap:break-word}.project-page-section p,.case-page-section p{font-size:.95rem!important;margin-bottom:.8rem;line-height:1.6;word-wrap:break-word}.project-page-section ul,.case-page-section ul{margin:1rem 0;padding-left:1.2rem;width:100%}.project-page-section li,.case-page-section li{margin-bottom:.6rem;font-size:.95rem!important;line-height:1.5;word-wrap:break-word}.technologies-grid,.features-grid,.screenshots-grid,.results-grid{grid-template-columns:1fr;gap:1.5rem}.tech-category,.feature-item,.screenshot-item,.result-item{padding:1.5rem}.tech-category h3,.feature-item h3,.screenshot-item h3,.result-item h3{font-size:1.1rem}.screenshot-item img{max-height:250px}.project-page-icon,.case-page-icon{font-size:4rem}.modal-icon{font-size:3rem}.modal-header h2{font-size:1.8rem}.modal-content h3{font-size:1.2rem}.tech-tags{gap:.4rem}.tech-tag{font-size:.75rem;padding:.25rem .6rem}.example-tag{font-size:.8rem;padding:.3rem .6rem}.process-steps{grid-template-columns:1fr;gap:1.5rem}.process-step{padding:1.5rem}.step-number{width:2.5rem;height:2.5rem;font-size:1.2rem}.process-step h3{font-size:1.1rem}.business-applications{grid-template-columns:1fr;gap:1.5rem}.business-app{padding:1.5rem}.business-app h4{font-size:1.2rem}.demo-section{margin:1.5rem 0;padding:1rem}.demo-btn{padding:.8rem 1.5rem;font-size:1rem;width:100%;max-width:280px}.case-page-actions{flex-direction:column!important;align-items:center;gap:.6rem;margin-top:1.5rem;padding-top:1.2rem;width:100%}.case-page-actions .btn-small{min-width:120px!important;padding:.5rem .8rem!important;font-size:.8rem!important;width:100%;max-width:160px;font-weight:500}.project-page-actions{flex-direction:column!important;align-items:center;gap:.6rem;margin-top:1.5rem;padding-top:1.2rem;width:100%}.project-page-actions .btn{width:100%!important;max-width:160px;padding:.5rem .8rem!important;font-size:.8rem!important;font-weight:500}.demo-section{margin:1.2rem 0;padding:.8rem}.demo-btn{padding:.7rem 1rem!important;font-size:.8rem!important;width:100%;max-width:240px!important;font-weight:500;white-space:nowrap}.breadcrumb{padding:.7rem 1rem;font-size:.85rem;margin:1.5rem 0}.project-page-meta,.case-page-meta{flex-direction:column;gap:.8rem;margin-bottom:1rem}.modal{max-width:95vw;padding:.8rem}.modal-close{width:32px;height:32px;font-size:1.1rem}.scroll-to-top{bottom:1rem;right:1rem;width:45px;height:45px}.breadcrumb{padding:.8rem 1rem;font-size:.85rem}.status{font-size:.75rem;padding:.2rem .5rem}.project-page-meta,.case-page-meta{flex-direction:column;gap:1rem}.project-page-date,.case-page-date{font-size:.9rem}}@media (max-width: 1024px) and (min-width: 769px){.container{padding:0 1.5rem;margin:0 auto;max-width:100%;width:100%;box-sizing:border-box}.hero h1{font-size:2.8rem}.hero p{font-size:1.3rem}.features,.projects-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.about,.contacts{gap:1.5rem;grid-template-columns:1fr;max-width:100%;overflow-x:hidden}.case-studies-grid,.technologies-grid,.features-grid,.screenshots-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.results-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.process-steps,.business-applications{grid-template-columns:repeat(2,1fr);gap:2rem}.my-project-card{flex-direction:row}.my-project-image-container{flex:0 0 35%;min-width:250px}.my-project-content{padding:2rem}.my-project-content h3{font-size:1.6rem}.my-project-actions{flex-direction:row;justify-content:flex-start}.my-project-actions .btn-small{width:auto;max-width:none}}@media (max-width: 480px){.container{padding:0 .8rem}.section{padding:2.5rem 0}.hero{padding:5rem 0 3rem}.hero h1{font-size:1.8rem;line-height:1.3}.hero p{font-size:1rem;margin-bottom:1.5rem}.hero-actions .btn{padding:.8rem 1.2rem;font-size:.9rem;max-width:260px}.stat{padding:.8rem}.stat-number{font-size:1.8rem}.stat-label{font-size:.8rem}.feature-card{padding:1.2rem}.feature-card h3{font-size:1.1rem}.feature-icon{font-size:1.8rem}.project-card .content{padding:1.2rem}.project-card .content h3{font-size:1.2rem}.about-content{gap:1.2rem}.skills-section{padding:1.2rem}.education-card{padding:1.5rem}.education-card.compact{padding:1.2rem}.case-study-card{padding:1.5rem}.contact-card,.social-card{padding:1.5rem;max-width:100%;overflow-x:hidden}.contact-item{padding:.7rem;max-width:100%;word-wrap:break-word}.contact-icon{font-size:1.1rem;width:2.2rem;height:2.2rem}.social-links a{padding:1.2rem}.social-icon-img{width:1.6rem;height:1.6rem}.social-label{font-size:.85rem}.btn{padding:.7rem 1.2rem;font-size:.9rem}.btn-small{padding:.6rem 1rem;font-size:.85rem}.page-header,.project-page-header,.case-page-header{padding:1.5rem 0;margin-bottom:1.5rem}.page-header h1,.project-page-header h1,.case-page-header h1{font-size:1.8rem}.page-subtitle,.project-page-subtitle,.case-page-subtitle{font-size:1rem}.project-page-content,.case-page-content{padding:1.5rem}.project-page-section h2,.case-page-section h2{font-size:1.4rem}.project-page-section h3,.case-page-section h3{font-size:1.1rem}.tech-category,.feature-item,.screenshot-item,.result-item{padding:1.2rem}.tech-category h3,.feature-item h3,.screenshot-item h3,.result-item h3{font-size:1rem}.screenshot-item img{max-height:200px}.process-step{padding:1.2rem}.step-number{width:2.2rem;height:2.2rem;font-size:1.1rem}.process-step h3{font-size:1rem}.business-app{padding:1.2rem}.business-app h4{font-size:1.1rem}.demo-btn{padding:.7rem 1.2rem;font-size:.9rem;max-width:260px}.case-page-actions .btn-small{min-width:140px;padding:.7rem 1.2rem;font-size:.9rem;max-width:180px}.project-page-actions .btn{max-width:180px}.modal{max-width:98vw;padding:.6rem}.modal-close{width:28px;height:28px;font-size:1rem}.scroll-to-top{bottom:.8rem;right:.8rem;width:40px;height:40px}.breadcrumb{padding:.6rem .8rem;font-size:.8rem}.status{font-size:.7rem;padding:.15rem .4rem}.project-page-date,.case-page-date{font-size:.85rem}.header{padding:.6rem 0;min-height:55px}.header.scrolled{padding:.5rem 0;min-height:50px}.logo{font-size:1.1rem}nav ul{padding:.8rem;gap:.4rem}.mobile-nav button{padding:.7rem .8rem;font-size:.9rem}.mobile-menu-toggle{width:36px;height:36px}.burger-line{width:20px;height:2px}}@media (max-width: 375px){.container{padding:0 .8rem;margin:0 auto;max-width:100%;width:100%;box-sizing:border-box}.section{padding:2rem 0}.hero{padding:4rem 0 3rem}.hero h1{font-size:1.6rem;line-height:1.4}.hero p{font-size:.95rem;margin-bottom:1.2rem}.hero-actions .btn{padding:.7rem 1rem;font-size:.85rem;max-width:240px}.stat{padding:.7rem}.stat-number{font-size:1.6rem}.stat-label{font-size:.75rem}.feature-card{padding:1rem}.feature-card h3{font-size:1rem}.feature-icon{font-size:1.6rem}.project-card .content{padding:1rem}.project-card .content h3{font-size:1.1rem}.about-content{gap:1rem}.skills-section{padding:1rem}.education-card{padding:1.2rem}.education-card.compact{padding:1rem}.case-study-card{padding:1.2rem}.contact-card,.social-card{padding:1rem;max-width:100%;overflow-x:hidden;margin:0}.about,.contacts{gap:1rem;grid-template-columns:1fr;max-width:100%;overflow-x:hidden}.contact-item{padding:.5rem;max-width:100%;word-wrap:break-word}.contact-icon{font-size:1rem;width:2rem;height:2rem}.social-links{padding:0 .1rem;gap:.2rem;margin:0;width:100%;max-width:100%;display:flex;flex-wrap:wrap;justify-content:center}.social-links a{padding:.4rem;border:none;background:transparent;box-shadow:none;width:auto;max-width:calc(50% - .2rem);margin:0;min-width:auto;flex:0 0 calc(50% - .2rem)}.social-links a:hover{background:#49b9ff14;box-shadow:none;transform:translateY(-1px)}.social-icon-img{width:1.4rem;height:1.4rem}.social-label{font-size:.8rem}.btn{padding:.6rem 1rem;font-size:.85rem}.btn-small{padding:.5rem .8rem;font-size:.8rem}.page-header,.project-page-header,.case-page-header{padding:1.2rem 0;margin-bottom:1.2rem}.page-header h1,.project-page-header h1,.case-page-header h1{font-size:1.2rem!important;margin-bottom:.6rem;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2}.page-subtitle,.project-page-subtitle,.case-page-subtitle{font-size:.9rem!important;margin-bottom:.8rem;word-wrap:break-word}.project-page-content,.case-page-content{padding:1rem!important;width:100%;max-width:100%}.project-page-section,.case-page-section{margin-bottom:1.2rem;width:100%}.project-page-section h2,.case-page-section h2{font-size:1.2rem!important;margin-bottom:.6rem;word-wrap:break-word}.project-page-section h3,.case-page-section h3{font-size:.95rem!important;margin-bottom:.5rem;word-wrap:break-word}.project-page-section p,.case-page-section p{font-size:.9rem!important;margin-bottom:.6rem;line-height:1.5;word-wrap:break-word}.project-page-section ul,.case-page-section ul{margin:.8rem 0;padding-left:1rem;width:100%}.project-page-section li,.case-page-section li{margin-bottom:.4rem;font-size:.9rem!important;line-height:1.4;word-wrap:break-word}.tech-category,.feature-item,.screenshot-item,.result-item{padding:1rem}.tech-category h3,.feature-item h3,.screenshot-item h3,.result-item h3{font-size:.95rem}.screenshot-item img{max-height:180px}.project-page-icon,.case-page-icon{font-size:3.5rem}.modal-icon{font-size:2.5rem}.modal-header h2{font-size:1.5rem}.modal-content h3{font-size:1.1rem}.tech-tags{gap:.3rem}.tech-tag{font-size:.7rem;padding:.2rem .5rem}.example-tag{font-size:.75rem;padding:.25rem .5rem}.process-step{padding:1rem}.step-number{width:2rem;height:2rem;font-size:1rem}.process-step h3{font-size:.95rem}.business-app{padding:1rem}.business-app h4{font-size:1rem}.demo-btn{padding:.6rem 1rem;font-size:.85rem;max-width:240px}.case-page-actions{gap:.5rem!important;margin-top:1.2rem;padding-top:1rem;width:100%}.case-page-actions .btn-small{min-width:90px!important;padding:.4rem .6rem!important;font-size:.75rem!important;max-width:120px;width:100%;font-weight:500}.project-page-actions{gap:.5rem!important;margin-top:1.2rem;padding-top:1rem;width:100%}.project-page-actions .btn{max-width:120px!important;padding:.4rem .6rem!important;font-size:.75rem!important;width:100%;font-weight:500}.demo-btn{padding:.6rem .8rem!important;font-size:.75rem!important;max-width:220px!important;font-weight:500;white-space:nowrap}.breadcrumb{padding:.5rem .6rem;font-size:.75rem;margin:1rem 0}.project-page-meta,.case-page-meta{gap:.6rem;margin-bottom:.8rem}.modal{max-width:99vw;padding:.5rem}.modal-close{width:26px;height:26px;font-size:.9rem}.scroll-to-top{bottom:.6rem;right:.6rem;width:36px;height:36px}.breadcrumb{padding:.5rem .6rem;font-size:.75rem}.status{font-size:.65rem;padding:.1rem .3rem}.project-page-date,.case-page-date{font-size:.8rem}.footer{padding:1.2rem 0 .8rem}.footer-content{gap:.8rem}.footer-logo{font-size:.95rem!important;margin-bottom:.1rem}.footer-tagline{font-size:.65rem!important}.footer-copyright{font-size:.7rem!important;margin-bottom:.1rem}.footer-description{font-size:.7rem!important;line-height:1.2}.footer-motto{font-size:.7rem!important}.footer-divider{margin-bottom:.8rem}.header{padding:.5rem 0;min-height:50px}.header.scrolled{padding:.4rem 0;min-height:45px}.logo{font-size:1rem}.mobile-menu-toggle{width:32px;height:32px}.burger-line{width:18px;height:2px}.mobile-nav ul{padding:.6rem;gap:.3rem}.mobile-nav button{padding:.6rem .7rem;font-size:.85rem}}@media (min-width: 1400px){.container{max-width:1400px;padding:0 2rem}.hero h1{font-size:3.5rem}.hero p{font-size:1.5rem}.features,.projects-grid,.case-studies-grid,.technologies-grid,.features-grid,.screenshots-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}.results-grid,.process-steps{grid-template-columns:repeat(4,1fr);gap:2rem}.business-applications{grid-template-columns:repeat(3,1fr);gap:2.5rem}.section{padding:8rem 0}.hero{padding:12rem 0 10rem}.feature-card,.project-card .content{padding:2.5rem}.education-card,.case-study-card,.contact-card,.social-card{padding:3rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in-up{animation:fadeInUp .8s ease-out}.float{animation:float 3s ease-in-out infinite}.pulse{animation:pulse 2s ease-in-out infinite}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient{background:var(--gradient-primary)}.shadow-glow{box-shadow:0 0 20px #00c2c74d}@media (min-width: 769px){::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--slate-100)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}}@media (max-width: 768px){::-webkit-scrollbar{width:0px;background:transparent}}.contact-section{background:linear-gradient(135deg,var(--slate-50) 0%,var(--soft-white) 100%)}.contact-intro{margin-bottom:3rem}.contact-card,.social-card{background:var(--pure-white);padding:2.5rem;border-radius:16px;box-shadow:var(--shadow-soft);border:1px solid rgba(99,102,241,.1);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.contact-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary)}.social-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-secondary)}.contact-card h3,.social-card h3{text-align:center;margin-bottom:2rem;font-size:1.3rem;color:var(--electric-blue);font-weight:700;flex-shrink:0}.social-card h3{margin-bottom:0}.contact-list{display:flex;flex-direction:column;gap:1.5rem;flex:1}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--slate-50);border-radius:12px;transition:all .3s ease}.contact-item:hover{background:var(--slate-100);transform:translate(5px)}.contact-icon{font-size:1.5rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:50%;color:var(--pure-white)}.contact-details{display:flex;flex-direction:column;gap:.2rem}.contact-label{font-size:.9rem;color:var(--slate-600);font-weight:500}.contact-value{font-weight:600;color:var(--slate-800);text-decoration:none;transition:color .3s ease}.contact-value:hover{color:var(--electric-blue)}.social-links{display:flex;justify-content:center;gap:3rem;margin:2rem 0;flex-wrap:wrap}.social-link{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;background:var(--slate-50);border-radius:20px;border:2px solid transparent;transition:all .3s ease;text-decoration:none;min-width:140px;box-shadow:var(--shadow-small);position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f11a,#00c2c71a);opacity:0;transition:opacity .3s ease}.social-link:hover:before{opacity:1}.social-link:hover{background:var(--pure-white);border-color:var(--electric-blue);box-shadow:0 20px 40px #00000026}.social-icon{font-size:3rem;margin-bottom:1rem;display:block;position:relative;z-index:1;transition:transform .3s ease}.social-link:hover .social-icon{transform:scale(1.1)}.social-label{font-size:1.1rem;font-weight:600;color:var(--electric-blue);text-align:center;position:relative;z-index:1;transition:color .3s ease}.portfolio-link{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--slate-200);text-align:center}.portfolio-link p{margin:0;color:var(--slate-600);font-size:.95rem}.footer{background:var(--gradient-hero);color:var(--pure-white);padding:3rem 0 2rem;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="footer-grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.03)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.03)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.03)"/></pattern></defs><rect width="100" height="100" fill="url(%23footer-grain)"/></svg>');opacity:.5}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:2rem;position:relative;z-index:2}.footer-brand{text-align:left}.footer-logo{font-size:1.8rem;font-weight:300;color:var(--electric-blue-light);letter-spacing:.5px;margin-bottom:.5rem;opacity:.7}.footer-logo span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{color:var(--electric-blue-light);font-size:.8rem;font-weight:200;margin:0;opacity:.7;letter-spacing:.3px}.footer-info{text-align:right}.footer-copyright{color:var(--pure-white);font-size:.95rem;margin:0 0 .5rem;font-weight:500}.footer-description{color:#fffc;font-size:.9rem;margin:0;line-height:1.5}.footer-bottom{position:relative;z-index:2}.footer-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);margin-bottom:1.5rem}.footer-motto{text-align:center;color:#ffffffb3;font-size:.9rem;font-style:italic;margin:0}.case-studies-note{text-align:center;color:var(--slate-600);margin:-.5rem auto 1.5rem;max-width:820px;font-size:1.1rem}.case-studies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.case-study-card{background:var(--pure-white);padding:2.5rem;border-radius:16px;box-shadow:var(--shadow-soft);border:1px solid rgba(99,102,241,.1);position:relative;overflow:hidden;transition:all .3s ease}.case-study-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-secondary)}.case-study-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-large);border-color:var(--electric-blue)}.case-study-icon{font-size:3rem;margin-bottom:1rem;text-align:center;display:block}.case-study-title{color:var(--electric-blue);margin-bottom:1rem;text-align:center;font-size:1.5rem;font-weight:600}.case-study-title-link{text-decoration:none;color:inherit;display:block}.case-study-title-link:hover .case-study-title{color:var(--electric-blue);transition:color .3s ease}.case-study-title-link:focus{outline:none}.case-study-title-link:focus .case-study-title{color:var(--electric-blue)}.case-study-description{margin-bottom:1.5rem;line-height:1.6;color:var(--slate-700)}.case-study-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.case-study-features{margin-bottom:1.5rem}.case-study-features h4{color:var(--electric-blue);margin-bottom:.8rem;font-size:1.1rem;font-weight:600}.case-study-features ul{margin:0;padding-left:1.2rem}.case-study-features li{margin-bottom:.5rem;color:var(--slate-700);line-height:1.5}.case-study-result{background:var(--slate-50);padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5;color:var(--slate-700)}.case-study-result strong{color:var(--electric-blue)}.case-study-actions{display:flex;justify-content:center;margin-top:1rem}.case-study-modal{max-width:800px;max-height:90vh;overflow-y:auto}.modal-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--slate-200)}.modal-icon{font-size:4rem;margin-bottom:1rem}.modal-header h2{color:var(--electric-blue);margin-bottom:1rem}.modal-content h3{color:var(--electric-blue);margin:2rem 0 1rem;font-size:1.3rem}.modal-content h3:first-child{margin-top:0}.modal-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.modal-actions{margin-top:2rem;text-align:center}.case-studies-page{padding:6rem 0 4rem;background:linear-gradient(135deg,var(--slate-50) 0%,var(--soft-white) 100%);min-height:100vh}.page-header{text-align:center;margin-bottom:4rem;padding:3rem 0;background:var(--pure-white);border-radius:16px;box-shadow:var(--shadow-soft);border:1px solid rgba(99,102,241,.1);position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.page-header h1{color:var(--electric-blue);margin-bottom:1rem;font-size:3rem;background:none;-webkit-text-fill-color:var(--electric-blue)}.page-subtitle{font-size:1.3rem;color:var(--slate-700);max-width:800px;margin:0 auto;line-height:1.6}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.process-step{background:var(--slate-50);padding:2rem;border-radius:12px;border:1px solid rgba(99,102,241,.1);text-align:center;position:relative;transition:all .3s ease}.process-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium);border-color:var(--electric-blue)}.step-number{width:3rem;height:3rem;background:var(--gradient-primary);color:var(--pure-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.process-step h3{color:var(--electric-blue);margin-bottom:1rem;font-size:1.2rem}.process-step p{margin:0;font-size:1rem;line-height:1.6;color:var(--slate-700)}.project-page{padding:6rem 0 4rem;background:linear-gradient(135deg,var(--slate-50) 0%,var(--soft-white) 100%);min-height:calc(100vh - 160px)}.project-page-header{text-align:center;margin-bottom:4rem;padding:3rem 0;background:var(--pure-white);border-radius:16px;box-shadow:var(--shadow-soft);border:1px solid rgba(99,102,241,.1);position:relative;overflow:hidden}.project-page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.project-page-icon{font-size:5rem;margin-bottom:1.5rem;display:block}.project-page-header h1{color:var(--electric-blue);margin-bottom:1rem;font-size:3rem;background:none;-webkit-text-fill-color:var(--electric-blue)}.project-page-subtitle{font-size:1.3rem;color:var(--slate-700);margin-bottom:2rem}.project-page-meta{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.project-page-date{color:var(--slate-600);font-size:1rem;font-weight:500}.project-page-content{background:var(--pure-white);border-radius:16px;box-shadow:var(--shadow-soft);border:1px solid rgba(99,102,241,.1);padding:3rem;position:relative;overflow:hidden}.project-page-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.project-page-section{margin-bottom:3rem}.project-page-section:last-child{margin-bottom:0}.project-page-section h2{color:var(--electric-blue);margin-bottom:1.5rem;font-size:2rem;border-bottom:2px solid var(--slate-100);padding-bottom:.5rem}.project-page-section h3{color:var(--electric-blue);margin-bottom:1rem;font-size:1.4rem}.project-page-section p{margin-bottom:1.5rem;line-height:1.8;font-size:1.1rem;color:var(--slate-700)}.project-page-section ul{margin:1.5rem 0;padding-left:1.5rem}.project-page-section li{margin-bottom:1rem;line-height:1.7;font-size:1.1rem;color:var(--slate-700)}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.screenshot-item{background:var(--pure-white);padding:2rem;border-radius:16px;border:2px solid rgba(99,102,241,.1);text-align:center;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;overflow:hidden}.screenshot-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #6366f126;border-color:var(--electric-blue)}.screenshot-item img{width:100%;height:auto;max-height:300px;object-fit:contain;object-position:center;border-radius:12px;margin-bottom:1.5rem;background:var(--slate-50);padding:1rem}.screenshot-item h3{color:var(--electric-blue);margin-bottom:.75rem;font-size:1.3rem;font-weight:600}.screenshot-item p{margin:0;font-size:1rem;line-height:1.6;color:var(--slate-700)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.result-item{background:var(--slate-50);padding:2rem;border-radius:12px;border:1px solid rgba(99,102,241,.1);text-align:center;transition:all .3s ease}.result-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium);border-color:var(--electric-blue)}.result-icon{font-size:3rem;margin-bottom:1rem;display:block}.result-item h3{color:var(--electric-blue);margin-bottom:1rem;font-size:1.2rem}.result-item p{margin:0;font-size:1rem;line-height:1.6}.project-page-actions{display:flex;justify-content:center;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--slate-200)}.business-applications{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.business-app{background:var(--slate-50);padding:2rem;border-radius:16px;border:1px solid rgba(99,102,241,.1);transition:all .3s ease}.business-app:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium);border-color:var(--electric-blue)}.business-app h4{color:var(--electric-blue);margin-bottom:1rem;font-size:1.3rem;font-weight:700}.app-description{color:var(--slate-700);margin-bottom:1.5rem;line-height:1.6}.app-examples{display:flex;flex-wrap:wrap;gap:.8rem}.example-tag{background:var(--gradient-primary);color:var(--pure-white);padding:.4rem .8rem;border-radius:12px;font-size:.9rem;font-weight:500}.demo-section{text-align:center;margin:2rem 0;padding:1.5rem}.demo-btn{display:inline-block;background:var(--gradient-primary);color:var(--pure-white);padding:1rem 2rem;border-radius:12px;text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:var(--shadow-small);border:2px solid transparent}.demo-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026;background:var(--gradient-secondary);color:var(--pure-white);border-color:#ef4444}.demo-btn:focus{outline:none;box-shadow:0 0 0 3px #6366f14d;border-color:var(--electric-blue);color:var(--pure-white)}.case-study-page{padding:6rem 0 4rem;background:linear-gradient(135deg,var(--slate-50) 0%,var(--soft-white) 100%);min-height:calc(100vh - 160px)}.breadcrumb{margin:2rem 0;padding:1rem 0;font-size:.9rem;color:var(--slate-600);background:var(--pure-white);border-radius:8px;padding:1rem 1.5rem;box-shadow:var(--shadow-soft);border:1px solid rgba(99,102,241,.1)}.breadcrumb a{color:var(--electric-blue);text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:var(--coral)}.case-page-header{text-align:center;margin-bottom:4rem;padding:3rem 0;background:var(--pure-white);border-radius:16px;box-shadow:var(--shadow-soft);border:1px solid rgba(99,102,241,.1);position:relative;overflow:hidden}.case-page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-secondary)}.case-page-icon{font-size:5rem;margin-bottom:1.5rem;display:block}.case-page-header h1{color:var(--electric-blue);margin-bottom:1rem;font-size:3rem;background:none;-webkit-text-fill-color:var(--electric-blue)}.case-page-subtitle{font-size:1.3rem;color:var(--slate-700);margin-bottom:2rem}.case-page-meta{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.case-page-date{color:var(--slate-600);font-size:1rem;font-weight:500}.case-page-content{background:var(--pure-white);border-radius:16px;box-shadow:var(--shadow-soft);border:1px solid rgba(99,102,241,.1);padding:3rem;position:relative;overflow:hidden}.case-page-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.case-page-section{margin-bottom:3rem}.case-page-section:last-child{margin-bottom:0}.case-page-section h2{color:var(--electric-blue);margin-bottom:1.5rem;font-size:2rem;border-bottom:2px solid var(--slate-100);padding-bottom:.5rem}.case-page-section h3{color:var(--electric-blue);margin-bottom:1rem;font-size:1.4rem}.case-page-section p{margin-bottom:1.5rem;line-height:1.8;font-size:1.1rem;color:var(--slate-700)}.case-page-section ul{margin:1.5rem 0;padding-left:1.5rem}.case-page-section li{margin-bottom:1rem;line-height:1.7;font-size:1.1rem;color:var(--slate-700)}.technologies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.tech-category{background:var(--slate-50);padding:2rem;border-radius:12px;border:1px solid rgba(99,102,241,.1)}.tech-category h3{color:var(--electric-blue);margin-bottom:1rem;font-size:1.2rem;text-align:center}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.feature-item{background:var(--slate-50);padding:2rem;border-radius:12px;border:1px solid rgba(99,102,241,.1);text-align:center;transition:all .3s ease}.feature-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium);border-color:var(--electric-blue)}.feature-icon{font-size:3rem;margin-bottom:1rem;display:block}.feature-item h3{color:var(--electric-blue);margin-bottom:1rem;font-size:1.2rem}.feature-item p{margin:0;font-size:1rem;line-height:1.6}.case-page-actions{display:flex;justify-content:center;gap:1.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--slate-200);flex-wrap:wrap}.case-page-actions .btn-small{min-width:160px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;border-radius:10px;text-align:center;transition:all .3s ease}.case-page-actions .btn-small:not(.btn-outline){background:var(--gradient-primary);color:var(--pure-white);border:2px solid transparent}.case-page-actions .btn-small:not(.btn-outline):hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.case-page-actions .btn-outline{background:transparent;color:var(--electric-blue);border:2px solid var(--electric-blue)}.case-page-actions .btn-outline:hover{background:var(--electric-blue);color:var(--pure-white);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-secondary{background:transparent;color:var(--electric-blue);border:2px solid var(--electric-blue)}.btn-secondary:hover{background:var(--electric-blue);color:var(--pure-white)}.case-study{background:var(--gradient-hero);color:var(--pure-white);padding:6rem 0;position:relative;overflow:hidden}.case-study:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="case-grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.03)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.03)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.03)"/></pattern></defs><rect width="100" height="100" fill="url(%23case-grain)"/></svg>');opacity:.3}.case-study .container{max-width:1100px;position:relative;z-index:2}.case-header{text-align:center;margin-bottom:3rem}.case-header h2{color:var(--pure-white);background:none;-webkit-text-fill-color:var(--pure-white);margin-bottom:1rem}.case-header p{font-size:1.2rem;color:var(--electric-blue-light);font-weight:600;margin:0}.case-content{background:var(--pure-white);color:var(--slate-800);padding:3rem;border-radius:16px;box-shadow:var(--shadow-large);position:relative;overflow:hidden}.case-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.case-content h3{color:var(--electric-blue);margin-bottom:1.5rem;font-size:1.5rem}.case-content p{margin-bottom:1.5rem;line-height:1.8;font-size:1.05rem}.case-content ul{margin:1.5rem 0;padding-left:1.5rem}.case-content li{margin-bottom:1rem;line-height:1.7;font-size:1.05rem}.highlight{background:var(--gradient-secondary);color:var(--pure-white);padding:.2em .4em;border-radius:4px;font-weight:600}