:root{--primary-color: #09090b;--secondary-color: #18181b;--border: rgba(63, 63, 70, .3);--title: #f4f4f5;--subtitle: #a1a1aa;--navbg: rgba(24, 24, 27, .85);--blue: #38bdf8;--button-bg: #27272a;--button-text: #ffffff;--hover-border: #14b8a6;--accent: #14b8a6;--accent-secondary: #0ea5e9;--gradient: linear-gradient(135deg, #14b8a6 0%, #0ea5e9 100%);--gradient-bg: linear-gradient(135deg, rgba(20, 184, 166, .05) 0%, rgba(14, 165, 233, .05) 100%);--glass-bg: rgba(24, 24, 27, .7);--glass-border: rgba(63, 63, 70, .4);--glass-blur: blur(16px);--shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px -4px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px -8px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 48px -12px rgba(0, 0, 0, .6);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "Monaco", "Menlo", monospace}.light-mode{--primary-color: #f8fafc;--secondary-color: #ffffff;--border: rgba(226, 232, 240, .8);--title: #0f172a;--subtitle: #475569;--navbg: rgba(255, 255, 255, .85);--blue: #2563eb;--button-bg: #f1f5f9;--button-text: #0f172a;--hover-border: #0d9488;--accent: #0d9488;--accent-secondary: #2563eb;--gradient: linear-gradient(135deg, #0d9488 0%, #2563eb 100%);--gradient-bg: linear-gradient(135deg, rgba(13, 148, 136, .06) 0%, rgba(37, 99, 235, .06) 100%);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(226, 232, 240, .8);--glass-blur: blur(16px);--shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px -4px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px -8px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 48px -12px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}button{background-color:transparent;border:none;font-family:inherit}body{font-family:var(--font-sans);background-color:var(--primary-color);color:var(--title);transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--primary-color)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px;border:2px solid var(--primary-color)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}ul{list-style:none}a{text-decoration:none}.out-container{width:80%;background-color:var(--secondary-color);margin:40px auto;border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden;transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease}@media (max-width: 576px){.out-container{width:90%}}.in-container{width:90%;margin:0 auto}.divider{border-bottom:1px solid var(--border)}.about{display:flex;margin-top:80px;margin-bottom:80px;gap:60px;align-items:center}.about-left-sec{flex:1}.about-left-sec h1{font-size:2.8rem;font-weight:800;line-height:1.25;margin-bottom:30px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.about-info p{font-size:1.1rem;line-height:1.75;margin-bottom:24px;color:var(--subtitle)}.about-right-sec{display:flex;flex-direction:column;align-items:center;gap:30px}.about-profile-image-container{width:300px;padding:10px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow-lg);transform:rotate(2deg);transition:all .4s ease}.about-profile-image-container:hover{transform:rotate(0) scale(1.03);border-color:var(--accent);box-shadow:0 10px 30px #14b8a640}.about-profile-image-container .about-profile-image{width:100%;border-radius:16px;display:block}@media (max-width: 992px){.about{flex-direction:column-reverse;gap:40px;margin-top:40px;margin-bottom:40px}.about-profile-image-container{width:250px;transform:none}.about-profile-image-container:hover{transform:scale(1.03)}.about-left-sec h1{font-size:2.2rem;text-align:center;margin-bottom:20px}.about-info p{font-size:1rem;text-align:center;margin-bottom:16px}}.social-links{display:flex;align-items:center;gap:20px;margin:40px 0;position:sticky;top:0;z-index:1000}.social-links li a .hero-icons{color:var(--title);opacity:.7;font-size:20px;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s}.social-links li a .hero-icons:hover{opacity:1}.footer{display:flex;align-items:center;justify-content:space-between;color:var(--subtitle);padding:50px 0}.footer a{color:var(--title);margin-left:4px;font-weight:600;transition:color .3s ease}.footer a:hover{color:var(--accent)}@media (max-width: 991px){.footer{flex-direction:column;gap:10px;text-align:center}}.header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;background:transparent;position:relative;z-index:100}.header .nav-links{display:flex;align-items:center;gap:24px;background-color:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);padding:10px 28px;border-radius:40px;box-shadow:var(--shadow-md);position:relative;transition:all .3s ease}.close-nav{position:absolute;font-size:26px;top:20px;right:25px;cursor:pointer;color:var(--accent);transition:transform .3s ease}.close-nav:hover{transform:rotate(90deg)}.header li a{color:var(--subtitle);font-size:.95rem;font-weight:550;text-transform:capitalize;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:4px 0}.header li a:hover{color:var(--accent)}.header li a:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--gradient);transition:all .3s ease;transform:translate(-50%);border-radius:2px}.header li a:hover:after{width:80%}.show-nav{display:none}.pop-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;width:100vw;height:100vh;background-color:#09090b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;transition:all .4s ease}@keyframes navPop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.pop-nav-links{animation:navPop .4s cubic-bezier(.34,1.56,.64,1) forwards;width:90%;max-width:400px;border-radius:24px;padding:40px 30px;background-color:var(--secondary-color);border:1px solid var(--glass-border);box-shadow:var(--shadow-xl);position:relative}.pop-nav li:not(:last-child){border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:12px}.pop-nav li a{font-size:1.15rem;font-weight:600;color:var(--title)}.pop-nav li a:hover{color:var(--accent);padding-left:8px}.pop-nav li{transition:all .3s ease}@media (max-width: 767px){.header{padding:20px 24px}.header .nav-links{display:none}.show-nav{display:block}}.icon{background-color:var(--glass-bg);color:var(--accent);width:42px;height:42px;padding:10px;border-radius:50%;cursor:pointer;border:1px solid var(--glass-border);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.icon:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.header button{display:flex;align-items:center;justify-content:center}.active-nav{color:var(--accent)!important;font-weight:700!important}.active-nav:after{width:80%!important}.hero{margin-top:60px;margin-bottom:60px;display:flex;flex-direction:column;justify-content:center;position:relative}.profile-image-container{width:90px;height:90px;border-radius:50%;background:var(--gradient);padding:3px;box-shadow:var(--shadow-md);margin-bottom:24px;transition:all .4s ease;display:flex;align-items:center;justify-content:center}.profile-image-container:hover{transform:scale(1.08) rotate(5deg);box-shadow:0 0 25px #14b8a673}.hero-profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;background-color:var(--secondary-color)}.hero-title{font-size:2.8rem;font-weight:800;letter-spacing:-1px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;line-height:1.2}.hero .hero-description{color:var(--subtitle);font-size:1.15rem;line-height:1.8;margin:20px 0;max-width:700px}.hero .hero-description strong{color:var(--title);font-weight:600}.lets-p{font-size:1.1rem;font-weight:700;color:var(--accent);letter-spacing:.3px;margin-bottom:24px}@media (max-width: 768px){.hero-title{font-size:2.2rem}.hero .hero-description{font-size:1rem}}.articles{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:40px 0;margin-top:20px}.article{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:30px;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;color:var(--title);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.article:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.article:hover:before{transform:scaleX(1)}.article:hover{background:var(--gradient-bg);border-color:var(--accent);transform:translateY(-6px);box-shadow:var(--shadow-xl)}.article h3{font-size:1.35rem;font-weight:700;margin-bottom:12px;color:var(--title);line-height:1.3;transition:color .3s ease}.article:hover h3{color:var(--accent)}.article p{color:var(--subtitle);line-height:1.6;font-size:.95rem;margin-bottom:24px;flex-grow:1}.article .article-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid var(--border);font-size:.85rem;color:var(--subtitle)}.article .read-more{color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:6px}.article .read-more:after{content:"→";transition:transform .3s ease}.article:hover .read-more:after{transform:translate(4px)}@media (max-width: 768px){.articles{grid-template-columns:1fr;gap:20px}}.content{display:flex;margin-top:100px;margin-bottom:100px;flex-direction:column}.content-left-sec{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;max-width:800px;margin:0 auto 50px}.content-left-sec button{background-color:var(--button-bg);color:var(--subtitle);font-size:.95rem;padding:10px 22px;border-radius:30px;cursor:pointer;min-width:130px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border);font-weight:600}.content-left-sec button:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.content-left-sec button.active{background:var(--gradient);color:#fff!important;border-color:transparent!important;box-shadow:0 4px 15px #14b8a666}.content-right-sec{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.project-card{background-color:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;padding:0;height:420px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm);position:relative}.project-card:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:skew(-20deg);transition:left .75s ease;pointer-events:none;z-index:2}.project-card:hover:after{left:150%}.project-card:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:var(--shadow-xl)}.project-image-wrapper{width:100%;height:170px;overflow:hidden;border-bottom:1px solid var(--border);position:relative}.project-card-category{position:absolute;top:12px;right:12px;background:#18181bd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--glass-border);color:var(--accent);padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.5px;z-index:10;box-shadow:var(--shadow-sm)}.light-mode .project-card-category{background:#ffffffd9}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-image{transform:scale(1.06)}.project-card h3{font-size:1.15rem;margin:16px 20px 6px;color:var(--title);font-weight:700;line-height:1.3;transition:color .3s ease}.project-card:hover h3{color:var(--accent)}.project-card-description{color:var(--subtitle);font-size:.82rem;line-height:1.5;margin-top:4px;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-info{padding:0 20px;color:var(--subtitle);font-size:.9rem;line-height:1.5;flex:1;display:flex;flex-direction:column;overflow:hidden}.card-links{font-size:18px;display:flex;align-items:center;gap:10px;margin:15px 20px;padding-top:12px;border-top:1px solid var(--border)}.card-links a{color:var(--subtitle);transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--button-bg);border:1px solid var(--border)}.card-links a:hover{color:#fff;background:var(--gradient);border-color:transparent;transform:translateY(-3px) scale(1.05);box-shadow:0 4px 10px #14b8a659}.view-more-link{margin-left:auto!important;color:var(--title)!important}.view-more-link:hover{color:#fff!important;background:var(--gradient)!important;border-color:transparent!important}.project-icons{margin-top:auto;margin-bottom:12px;display:flex;align-items:center;gap:8px}.project-icons svg{background:var(--button-bg);border:1px solid var(--border);color:var(--accent-secondary);width:30px;height:30px;padding:6px;border-radius:50%;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm)}.project-icons svg:hover{color:#fff;background:var(--gradient);border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 10px #14b8a64d}@media (max-width: 768px){.content{margin-top:60px;margin-bottom:60px}.content-right-sec{grid-template-columns:1fr;gap:20px}.project-card{height:auto;min-height:380px}}.api{font-family:var(--font-sans);min-height:100vh;color:var(--title);line-height:1.6;padding:40px 0;background:radial-gradient(circle at 50% 0%,rgba(20,184,166,.03) 0%,transparent 50%)}.container{max-width:1100px;margin:20px auto 40px;padding:40px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:28px;box-shadow:var(--shadow-xl)}.header-api,.header-ecommerce-api{text-align:center;margin-bottom:40px;padding-bottom:20px;position:relative}.header-api h1,.header-ecommerce-api h1{font-size:2.8rem;font-weight:800;margin-bottom:16px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1.2px;display:flex;align-items:center;justify-content:center;gap:15px}.header-api p,.header-ecommerce-api p{font-size:1.1rem;color:var(--subtitle);max-width:700px;margin:0 auto;line-height:1.6}.doc-links{display:flex;gap:16px;justify-content:center;margin:20px 0 40px}.doc-link{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;font-size:.9rem;font-weight:600;color:var(--subtitle);background:var(--button-bg);border:1px solid var(--border);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.doc-link:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow-md);background:var(--gradient-bg)}.doc-link.postman:hover{color:#ff6c37;border-color:#ff6c37;background:#ff6c370f}.postman-icon{font-size:1.1rem}.base-url{background:#09090b4d;border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:50px;text-align:center;box-shadow:var(--shadow-sm)}.light-mode .base-url{background:#f1f5f980}.base-url h3{color:var(--accent);margin-bottom:12px;font-size:1.15rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.base-url code{font-family:var(--font-mono);font-size:1.05rem;color:var(--title);background:#09090b99;padding:8px 16px;border-radius:8px;display:inline-block;border:1px solid var(--border);letter-spacing:-.5px}.light-mode .base-url code{background:#fffc}.section{margin-bottom:60px}.section-title{font-size:1.8rem;font-weight:750;margin-bottom:30px;color:var(--title);display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding-bottom:12px}.section-title i{color:var(--accent);font-size:1.6rem}.api-grid{display:grid;grid-template-columns:1fr;gap:24px}.api-card{background:#18181b66;border-radius:16px;padding:28px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.light-mode .api-card{background:#ffffff80}.api-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:transparent;transition:all .3s ease}.api-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--glass-border)}.api-card:has(.get-req):before{background:#10b981}.api-card:has(.post-req):before{background:#f97316}.api-card:has(.patch-req):before{background:#06b6d4}.api-card:has(.delete-req):before{background:#ef4444}.api-card:hover:has(.get-req){border-color:#10b9814d}.api-card:hover:has(.post-req){border-color:#f973164d}.api-card:hover:has(.patch-req){border-color:#06b6d44d}.api-card:hover:has(.delete-req){border-color:#ef44444d}.api-header{font-size:1.3rem;font-weight:700;margin-bottom:12px;color:var(--title);display:flex;align-items:center;gap:12px}.api-number{background:var(--button-bg);color:var(--accent);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;border:1px solid var(--border)}.api-description{color:var(--subtitle);margin-bottom:20px;font-size:.95rem;line-height:1.6}.api-endpoint{display:flex;align-items:center;gap:16px;background:#09090b33;padding:12px 18px;border-radius:12px;border:1px solid var(--border);margin-bottom:15px}.light-mode .api-endpoint{background:#f1f5f94d}.method-badge{padding:5px 12px;border-radius:6px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;min-width:75px;text-align:center}.get-req{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.25)}.post-req{background:#f973161a;color:#f97316;border:1px solid rgba(249,115,22,.25)}.patch-req{background:#06b6d41a;color:#06b6d4;border:1px solid rgba(6,182,212,.25)}.delete-req{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.endpoint-url{font-family:var(--font-mono);font-size:.85rem;color:var(--title);flex:1;background:#09090b80;padding:6px 12px;border-radius:6px;border:1px solid var(--border);word-break:break-all}.light-mode .endpoint-url{background:#fffc}.auth-note{background:#09090b4d;border:1px solid var(--border);border-radius:8px;padding:10px 16px;margin-top:15px;color:var(--subtitle);font-size:.85rem;display:flex;align-items:center;gap:8px}.light-mode .auth-note{background:#f1f5f980}.auth-note i{color:var(--accent)}.api-image{width:100%;max-width:500px;height:auto;border-radius:12px;border:1px solid var(--border);margin:15px 0;display:block}@media (max-width: 768px){.api{padding:20px 0}.container{margin:16px;padding:24px;border-radius:20px}.header-api h1,.header-ecommerce-api h1{font-size:2rem}.header-api p,.header-ecommerce-api p{font-size:.95rem}.section-title{font-size:1.5rem}.api-endpoint{flex-direction:column;align-items:stretch;gap:8px}.endpoint-url{font-size:.8rem}.api-card{padding:20px}}.contact-section{min-height:100vh;background-color:#111827;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.contact-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.contact-subtitle{color:#9ca3af;margin-bottom:2rem;max-width:600px}.contact-form{width:100%;max-width:600px;background:#1f2937;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #0006}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.8rem;border-radius:8px;border:1px solid #374151;background:#111827;color:#fff;font-size:1rem;transition:border .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border:1px solid #6366f1}.submit-btn{width:100%;padding:1rem;background:#6366f1;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .3s}.submit-btn:hover{background:#4f46e5}.social-links{display:flex;gap:1.5rem;margin-top:2rem}.social-links a{color:#9ca3af;transition:color .3s}.social-links a:hover{color:#fff}.project-detail-page{min-height:100vh;padding:120px 20px 80px;background:radial-gradient(circle at 10% 20%,rgba(20,184,166,.03) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(14,165,233,.03) 0%,transparent 40%);position:relative}.project-detail-container{max-width:1100px;margin:0 auto;position:relative;z-index:1;animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.back-link{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:30px;color:var(--subtitle);font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:30px;box-shadow:var(--shadow-sm);font-size:.9rem}.back-link:hover{transform:translateY(-3px);border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-md);background:var(--gradient-bg)}.project-detail-content{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:28px;padding:50px;box-shadow:var(--shadow-xl);position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:start;animation:slideUp .8s cubic-bezier(.16,1,.3,1) .1s both}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-detail-content:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--gradient);opacity:.9;z-index:2}.project-detail-media-sec{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.media-glow-aura{position:absolute;width:90%;height:90%;background:radial-gradient(circle,rgba(20,184,166,.14) 0%,transparent 70%);z-index:0;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(40px)}.browser-mockup{width:100%;background:#18181b;border-radius:16px;border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;z-index:1;transition:transform .4s ease,box-shadow .4s ease}.light-mode .browser-mockup{background:#f1f5f9}.browser-mockup:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.browser-header{height:40px;background:#18181bb3;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--border);position:relative}.light-mode .browser-header{background:#f1f5f9b3}.browser-dots{display:flex;gap:8px;position:absolute;left:16px}.browser-dots .dot{width:10px;height:10px;border-radius:50%;display:inline-block}.browser-dots .dot.red{background:#ef4444}.browser-dots .dot.yellow{background:#eab308}.browser-dots .dot.green{background:#22c55e}.browser-address-bar{margin:0 auto;width:60%;max-width:450px;height:24px;background:#09090b80;border-radius:6px;border:1px solid var(--border);font-family:var(--font-mono);font-size:.7rem;color:var(--subtitle);display:flex;align-items:center;justify-content:center;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.light-mode .browser-address-bar{background:#ffffffbf}.project-detail-image{width:100%;height:auto;overflow:hidden}.project-detail-image img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.browser-mockup:hover .project-detail-image img{transform:scale(1.02)}.project-detail-info-sec{display:flex;flex-direction:column;width:100%}.project-detail-header-info{margin-bottom:20px}.category-badge{display:inline-block;padding:6px 16px;background:var(--gradient-bg);border:1px solid var(--glass-border);border-radius:20px;font-size:.8rem;font-weight:750;color:var(--accent);text-transform:capitalize;letter-spacing:.5px;margin-bottom:12px}.project-detail-title{font-size:2.2rem;font-weight:800;line-height:1.25;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.8px}.project-tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.project-tag-pill{padding:5px 12px;background:var(--button-bg);border:1px solid var(--border);color:var(--subtitle);font-size:.75rem;border-radius:8px;font-weight:600;transition:all .25s ease}.project-tag-pill:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.project-detail-description{font-size:1rem;line-height:1.7;color:var(--subtitle);margin-bottom:24px;font-weight:450}.project-features-container{margin-bottom:30px;background:#18181b33;border:1px solid var(--border);padding:24px;border-radius:18px;box-shadow:var(--shadow-sm)}.light-mode .project-features-container{background:#f1f5f966}.project-features-container h3{font-size:1.1rem;font-weight:700;color:var(--title);margin-bottom:16px;letter-spacing:-.3px}.project-features-list{display:flex;flex-direction:column;gap:12px}.project-features-list li{display:flex;align-items:start;gap:12px;font-size:.9rem;color:var(--subtitle);line-height:1.4}.feature-check-icon{color:var(--accent);font-size:1.05rem;margin-top:2px;flex-shrink:0}.project-detail-tech-stack{margin-bottom:30px;display:flex;align-items:center;gap:12px}.project-detail-tech-stack span{font-size:.9rem;color:var(--subtitle);font-weight:600}.project-detail-icons{display:flex;gap:12px;font-size:1.8rem;color:var(--accent-secondary)}.tech-icon{transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 6px rgba(20,184,166,.2))}.tech-icon:hover{transform:translateY(-4px) scale(1.15);color:var(--accent);filter:drop-shadow(0 4px 10px rgba(20,184,166,.4))}.project-detail-links{display:flex;gap:16px;width:100%}.project-link{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.project-link: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 .6s ease}.project-link:hover:before{left:100%}.primary-link{background:var(--gradient);color:#fff;border:none}.primary-link:hover{transform:translateY(-4px);box-shadow:0 6px 20px #14b8a659}.github-link{background:var(--button-bg);color:var(--title);border:1px solid var(--border)}.github-link:hover{transform:translateY(-4px);border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-md);background:var(--gradient-bg)}@media (max-width: 992px){.project-detail-content{grid-template-columns:1fr;gap:40px;padding:40px 30px}.project-detail-media-sec{max-width:700px;margin:0 auto}}@media (max-width: 768px){.project-detail-page{padding-top:100px}.project-detail-content{padding:30px 20px;border-radius:20px}.project-detail-title{font-size:1.8rem}.project-detail-icons{font-size:1.6rem;gap:10px}.project-detail-tech-stack{margin-bottom:24px}.project-detail-links{flex-direction:column;gap:12px}.project-link{width:100%;padding:12px 24px}.back-link{padding:8px 18px;font-size:.85rem;margin-bottom:24px}.browser-address-bar{width:50%}}