.design-hero{position:relative;padding:60px 40px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f0f23 100%);border-radius:20px;overflow:hidden;margin-bottom:40px}.design-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgb(139 92 246 / .15) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgb(236 72 153 / .15) 0%,transparent 50%)}.design-hero-content{position:relative;z-index:2;text-align:center}.design-hero-content h2{font-size:36px;color:#fff;margin-bottom:15px}.design-hero-content h2 span{font-size:36px;background:linear-gradient(90deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.design-studio{max-width:750px;margin:40px auto 0;background:#1e1e2e;border-radius:12px;overflow:hidden;box-shadow:0 25px 80px rgb(0 0 0 / .5);border:1px solid rgb(255 255 255 / .1)}.studio-titlebar{background:linear-gradient(90deg,#2d2d3a,#252532);padding:10px 15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgb(255 255 255 / .05)}.studio-buttons{display:flex;gap:6px}.studio-btn{width:12px;height:12px;border-radius:50%}.studio-btn.close{background:#ff5f57}.studio-btn.minimize{background:#febc2e}.studio-btn.maximize{background:#28c840}.studio-title{flex:1;text-align:center;color:rgb(255 255 255 / .5);font-size:12px;font-weight:500}.studio-workspace{display:grid;grid-template-columns:50px 1fr 160px;min-height:320px}.studio-toolbar{background:#252532;padding:10px 0;display:flex;flex-direction:column;align-items:center;gap:5px;border-right:1px solid rgb(255 255 255 / .05)}.tool-btn{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:rgb(255 255 255 / .5);font-size:14px;cursor:pointer;transition:all 0.2s;background:#fff0;border:none}.tool-btn:hover{background:rgb(255 255 255 / .05);color:rgb(255 255 255 / .8)}.tool-btn.active{background:rgb(139 92 246 / .3);color:#a78bfa}.tool-divider{width:24px;height:1px;background:rgb(255 255 255 / .1);margin:5px 0}.studio-canvas{background:#2a2a3c;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgb(255 255 255 / .02) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .02) 1px,transparent 1px);background-size:20px 20px}.logo-container{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.logo-element{position:absolute;opacity:0;transition:all 0.6s cubic-bezier(.4,0,.2,1)}.logo-ring-outer{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 50%,#f97316 100%);padding:4px}.logo-ring-outer::before{content:'';display:block;width:100%;height:100%;border-radius:50%;background:#2a2a3c}.logo-ring-outer.visible{opacity:1}.logo-ring-outer.drawing{animation:ringDraw 0.8s ease-out forwards}@keyframes ringDraw{0%{opacity:0;transform:scale(.5) rotate(-180deg)}100%{opacity:1;transform:scale(1) rotate(0deg)}}.logo-ring-inner{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px rgb(139 92 246 / .4),inset 0 0 30px rgb(0 0 0 / .3)}.logo-ring-inner.visible{opacity:1}.logo-ring-inner.drawing{animation:innerRingDraw 0.7s ease-out forwards}@keyframes innerRingDraw{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.logo-text-main{font-size:42px;font-weight:800;color:#fff;font-family:'Inter','Segoe UI',sans-serif;letter-spacing:-2px;text-shadow:0 4px 20px rgb(0 0 0 / .5)}.logo-text-main.visible{opacity:1}.logo-text-main.drawing{animation:textDraw 0.6s ease-out forwards}@keyframes textDraw{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}.logo-sparkle{position:absolute;width:12px;height:12px}.logo-sparkle::before,.logo-sparkle::after{content:'';position:absolute;background:#fff;border-radius:2px}.logo-sparkle::before{width:100%;height:3px;top:50%;left:0;transform:translateY(-50%)}.logo-sparkle::after{width:3px;height:100%;left:50%;top:0;transform:translateX(-50%)}.logo-sparkle.sp1{top:15px;right:25px}.logo-sparkle.sp2{bottom:20px;left:20px;transform:scale(.7)}.logo-sparkle.sp3{top:50%;left:10px;transform:scale(.5) translateY(-50%)}.logo-sparkle.visible{opacity:1}.logo-sparkle.drawing{animation:sparkleDraw 0.4s ease-out forwards}@keyframes sparkleDraw{0%{opacity:0;transform:scale(0) rotate(0deg)}100%{opacity:1;transform:scale(1) rotate(45deg)}}.logo-sparkle.sp2.drawing{animation:sparkleDraw2 0.4s ease-out forwards}@keyframes sparkleDraw2{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(.7)}}.logo-glow{position:absolute;width:160px;height:160px;background:radial-gradient(circle,rgb(139 92 246 / .4) 0%,rgb(236 72 153 / .2) 40%,transparent 70%);border-radius:50%;opacity:0;filter:blur(10px)}.logo-glow.visible{animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.cursor-indicator{position:absolute;width:20px;height:20px;pointer-events:none;opacity:0;z-index:10}.cursor-indicator i{color:#fff;font-size:16px;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .3))}.cursor-indicator.active{opacity:1;transition:all 0.3s ease}.studio-layers{background:#252532;padding:15px 12px;border-left:1px solid rgb(255 255 255 / .05)}.layers-title{color:rgb(255 255 255 / .5);font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;gap:6px}.layers-title i{font-size:12px}.layer-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;margin-bottom:4px;cursor:pointer;transition:all 0.2s;opacity:.4}.layer-item.visible{opacity:1;background:rgb(139 92 246 / .15)}.layer-item.active{background:rgb(139 92 246 / .25)}.layer-eye{color:rgb(255 255 255 / .5);font-size:10px}.layer-item.visible .layer-eye{color:#a78bfa}.layer-preview{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px}.layer-preview.gradient{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}.layer-preview.shape{background:#3d3d4d;color:#8b5cf6}.layer-preview.text{background:#3d3d4d;color:#fff;font-weight:700;font-size:12px}.layer-preview.accent{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.layer-name{color:rgb(255 255 255 / .8);font-size:11px;flex:1}.studio-statusbar{background:#1a1a26;padding:8px 15px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgb(255 255 255 / .05);grid-column:1 / -1}.status-left{display:flex;align-items:center;gap:15px}.status-color{display:flex;align-items:center;gap:6px;font-size:11px;color:rgb(255 255 255 / .6)}.color-box{width:16px;height:16px;border-radius:3px;border:1px solid rgb(255 255 255 / .2)}.status-right{display:flex;align-items:center;gap:15px;font-size:11px;color:rgb(255 255 255 / .5)}.step-indicator{display:flex;justify-content:center;gap:8px;margin-top:25px}.step-dot{width:8px;height:8px;border-radius:50%;background:rgb(255 255 255 / .2);transition:all 0.3s}.step-dot.active{background:#8b5cf6;box-shadow:0 0 10px rgb(139 92 246 / .5)}.step-dot.completed{background:#a78bfa}.design-services{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:40px 0}@media (max-width:992px){.design-services{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.design-services{grid-template-columns:1fr}}.design-service-card{background:linear-gradient(135deg,rgb(139 92 246 / .08) 0%,rgb(236 72 153 / .05) 100%);border:1px solid rgb(139 92 246 / .2);border-radius:16px;padding:30px 25px;transition:all 0.3s ease}.design-service-card:hover{transform:translateY(-5px);border-color:rgb(139 92 246 / .5)}.design-service-icon{width:50px;height:50px;background:linear-gradient(135deg,rgb(139 92 246 / .3),rgb(236 72 153 / .2));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px}.design-service-icon i{background:linear-gradient(135deg,#a78bfa,#f472b6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.design-service-card h4{color:#fff;font-size:18px;margin:0 0 12px 0}.design-service-card p{color:rgb(255 255 255 / .7);font-size:14px;line-height:1.6;margin:0}.design-process{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:40px 0}@media (max-width:768px){.design-process{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.design-process{grid-template-columns:1fr}}.process-step{text-align:center;position:relative;z-index:1;background:rgb(139 92 246 / .05);border:1px solid rgb(139 92 246 / .15);border-radius:16px;padding:25px 15px;transition:all 0.3s}.process-step:hover{border-color:rgb(139 92 246 / .4);transform:translateY(-5px)}.process-step-number{width:50px;height:50px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;margin:0 auto 12px;box-shadow:0 8px 20px rgb(139 92 246 / .3)}.process-step h5{color:#fff;font-size:14px;margin:0 0 5px 0}.process-step p{color:rgb(255 255 255 / .5);font-size:11px;margin:0}.software-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:30px 0}.software-badge{background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .1);padding:10px 20px;border-radius:25px;color:rgb(255 255 255 / .8);font-size:13px;display:flex;align-items:center;gap:8px;transition:all 0.3s}.software-badge:hover{background:rgb(139 92 246 / .15);border-color:rgb(139 92 246 / .4)}.software-badge i{font-size:16px}.design-cta{background:linear-gradient(135deg,rgb(139 92 246 / .15) 0%,rgb(236 72 153 / .1) 100%);border:1px solid rgb(139 92 246 / .3);border-radius:20px;padding:40px;margin:40px 0;text-align:center}.design-cta h3{color:#fff;font-size:24px;margin-bottom:15px}.design-cta p{color:rgb(255 255 255 / .8);margin-bottom:25px}.design-cta-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;padding:15px 35px;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s ease}.design-cta-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgb(139 92 246 / .4);color:#fff}