.portfolio-page{color:#111;background:#f5f7fb;min-height:100vh;font-family:Segoe UI,sans-serif}.portfolio-hero{text-align:center;padding:100px 20px 40px}.portfolio-hero h1{color:#111;margin-bottom:10px;font-size:42px}.portfolio-hero p{color:#666;font-size:16px}.tabs{text-align:center;margin-bottom:40px}.tabs button{color:#555;cursor:pointer;background:0 0;border:none;border-radius:0;margin:5px;padding:10px 20px;transition:all .3s}.tabs button:hover{color:#fff;background:#2e2f6e}.tabs .active{color:#00bcd4;background:0 0;border-bottom:2px solid #00bcd4}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,380px));justify-content:center;gap:30px;padding:20px 60px 80px;display:grid}.project-card{cursor:pointer;background:#fff;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 5px 15px #00000014}.card-image{height:260px;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:all .3s}.card-content{flex-direction:column;padding:20px;display:flex}.card-content h3{color:#111;margin-bottom:12px;font-size:18px}.tech-stack{flex-wrap:wrap;gap:8px;transition:all .3s;display:flex}.tech-stack span{color:#333;background:#eee;border-radius:10px;padding:5px 10px;font-size:12px}.buttons{opacity:0;margin-top:10px;transition:all .3s;transform:translateY(15px)}.buttons a{color:#fff;background:linear-gradient(135deg,#00bcd4,#4cafef);border-radius:6px;margin-right:10px;padding:8px 18px;font-size:13px;text-decoration:none;transition:all .2s}.buttons a:hover{transform:scale(1.05)}.project-card:hover .tech-stack{opacity:0;transform:translateY(-10px)}.project-card:hover .buttons{opacity:1;transform:translateY(0)}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001f}@media (max-width:768px){.portfolio-hero h1{font-size:30px}.projects-grid{padding:20px}}.start-project{text-align:center;color:#fff;background:linear-gradient(135deg,#1aa39d,#1c8c87);padding:80px 20px;position:relative;overflow:hidden}.start-project:before{content:"";background:#ffffff0d;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;left:-100px}.start-project:after{content:"";background:#ffffff0d;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-150px;right:-150px}.start-project-content{z-index:2;position:relative}.start-project p{opacity:.9;margin-bottom:10px;font-size:18px}.start-project h2{margin-bottom:25px;font-size:40px;font-weight:700}.start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4facfe,#00c6ff);border:none;border-radius:6px;padding:12px 30px;font-size:14px;transition:all .3s}.start-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.start-project span{opacity:.9;margin-top:20px;font-size:14px;display:block}@media (max-width:768px){.start-project h2{font-size:28px}}.pricing-table-section{background:#f8fafc;padding:100px 8%}.pricing-table-header{text-align:center}.pricing-table-header h2{color:#0f172a;font-size:36px}.pricing-table-header span{color:#2563eb}.pricing-table-header p{color:#64748b;max-width:700px;margin:15px auto 30px;line-height:1.6}.currency-toggle{background:#e2e8f0;border-radius:25px;display:inline-flex;overflow:hidden}.currency-toggle button{cursor:pointer;color:#334155;background:0 0;border:none;padding:8px 20px;font-weight:500;transition:all .3s}.currency-toggle .active{color:#fff;background:#2563eb}.pricing-table{background:#fff;border-radius:15px;margin-top:40px;overflow:hidden;box-shadow:0 10px 40px #0000000d}.table-row{opacity:0;border-bottom:1px solid #e2e8f0;grid-template-columns:1fr 1.5fr 1fr;align-items:center;padding:22px;animation:.6s forwards fadeUp;display:grid;transform:translateY(20px)}.table-row:nth-child(2){animation-delay:.1s}.table-row:nth-child(3){animation-delay:.2s}.table-row:nth-child(4){animation-delay:.3s}.table-row:nth-child(5){animation-delay:.4s}.table-row:nth-child(6){animation-delay:.5s}.table-header{color:#fff;opacity:1;background:#0f172a;font-weight:600;animation:none;transform:none}.table-row.alt{background:#f1f5f9}.table-row:hover{background:#e0f2fe;transform:scale(1.01)}.price{color:#2563eb;font-size:16px;font-weight:600}.pricing-cta{text-align:center;margin-top:40px}.pricing-cta button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1e3a8a);border:none;border-radius:30px;padding:12px 35px;font-size:15px;transition:all .3s}.pricing-cta button:hover{transform:scale(1.05)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.table-row{grid-template-columns:1fr;gap:10px}.table-header{display:none}}