.projects-main{background-color:var(--bg-dark);min-height:100vh;color:var(--text-white);overflow-x:hidden}.projects-hero{text-align:center;background:radial-gradient(circle at 50% 20%,#1a0a00 0%,#000 70%);padding:80px 0 50px;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:900px;margin:0 auto;position:relative}.hero-badge{color:var(--primary-orange);letter-spacing:1px;text-transform:uppercase;background:#ff4d001a;border:1px solid #ff4d004d;border-radius:50px;margin-bottom:.5rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-block}.hero-title{background:linear-gradient(#fff,#aaa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:4.5rem;font-weight:800;line-height:1.1}.highlight-text{background:linear-gradient(90deg,#ff4d00,#fc0);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-gray);max-width:700px;margin:0 auto 2.5rem;font-size:1.25rem;line-height:1.6}.btn-group{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:2rem;display:flex}.pro-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ff780066;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:500;transition:all .3s;display:flex;position:relative}.pro-btn .icon{font-size:18px}.pro-btn:hover{border-color:#ff6a00;transform:translateY(-2px);box-shadow:0 0 20px #ff6a0066}.pro-btn.active{background:#ff6a001a;border:1px solid #ff6a00;box-shadow:0 0 25px #ff6a0099}.pro-btn.active:after{content:"";filter:blur(2px);background:linear-gradient(90deg,#0000,#ff6a00,#0000);border-radius:10px;width:60%;height:3px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@media (max-width:768px){.pro-btn{padding:12px 20px;font-size:14px}}.section-header{text-align:center;margin-bottom:3rem}.section-tag{color:var(--primary-orange);letter-spacing:1px;text-transform:uppercase;background:#ff4d0014;border:1px solid #ff4d0040;border-radius:50px;margin-bottom:.75rem;padding:.35rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-block}.section-title{color:#fff;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.section-subtitle{color:var(--text-gray);font-size:1.05rem}.project-url{word-break:break-all;opacity:.85;margin-top:.2rem;font-size:.88rem;color:var(--primary-orange)!important}.projects-section{background:#050505;padding:3rem 0 6rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:3rem;max-width:1200px;margin:0 auto;padding:0 1rem;display:grid}.projects-grid.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width:1024px){.projects-grid.grid-3{grid-template-columns:repeat(2,1fr);gap:2rem}}.project-card-interactive{transform-style:preserve-3d;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.project-card-inner{color:inherit;z-index:2;height:100%;text-decoration:none;display:block;position:relative}.card-border{-webkit-mask-composite:xor;z-index:3;pointer-events:none;background:linear-gradient(45deg,#0000,#0000);border-radius:20px;padding:2px;transition:background .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-border.active{background:linear-gradient(45deg,#ff4d00,#fc0,#ff4d00) 0 0/200% 200%;animation:3s infinite gradientMove}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.card-spotlight{z-index:1;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.card-content{z-index:2;border-radius:18px;height:100%;position:relative;overflow:hidden}.project-image-wrapper{background:#050505;width:100%;height:100%;min-height:280px;position:relative}.project-image{object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-card-interactive:hover .project-image{transform:scale(1.08)}.project-overlay{opacity:0;z-index:3;background:linear-gradient(#0000 0%,#00000080 50%,#000000f2 100%);align-items:flex-end;padding:2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0;transform:translateY(20px)}.project-overlay.active{opacity:1;transform:translateY(0)}.overlay-content{width:100%}.overlay-content h3{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;transition:transform .4s .1s;transform:translateY(10px)}.project-overlay.active .overlay-content h3{transform:translateY(0)}.view-btn{color:var(--primary-orange);letter-spacing:.5px;opacity:0;font-size:.95rem;font-weight:600;transition:all .4s .2s;display:inline-block;transform:translateY(10px)}.project-overlay.active .view-btn{opacity:1;transform:translateY(0)}.view-btn:hover{color:#fff}@media (max-width:991px){.projects-hero{padding:140px 0 40px}.hero-title{font-size:3.5rem}}@media (max-width:768px){.projects-grid,.projects-grid.grid-3{grid-template-columns:1fr;gap:2rem;padding:0 1rem}.projects-hero{padding:120px 0 30px}.hero-title{font-size:2.8rem}.hero-subtitle{padding:0 1rem;font-size:1.1rem}.project-info{padding:1.5rem}}@media (max-width:480px){.projects-hero{padding:100px 0 20px}.hero-title{margin-bottom:1rem;font-size:2.2rem}.hero-badge{margin-bottom:.5rem;padding:.4rem 1.2rem;font-size:.8rem}.project-info{padding:1.25rem}.project-info h3{font-size:1.25rem}.project-info p{font-size:.95rem}.projects-section{padding:2rem 0 4rem}}@media (max-width:350px){.hero-title{font-size:1.8rem}}.saas-solutions-list{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:3rem;padding:2rem}.saas-intro{color:var(--text-secondary,#94a3b8);margin-bottom:1.5rem;font-size:1.1rem}.saas-tags{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.saas-tag{color:var(--text-primary,#f8fafc);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.saas-tag i{color:var(--accent-primary,#60a5fa);font-size:1.1rem}.saas-tag:hover{border-color:var(--accent-primary,#60a5fa);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}