:root{--bg-dark: #0a0a0a;--bg: #111;--text: #e0e0e0;--text-muted: #999;--accent: #ff6b35;--accent-hover: #ff8c5a;--border: rgba(255, 255, 255, .1);--card-bg: rgba(255, 255, 255, .03)}html{scroll-behavior:smooth;background:#0a0a0a;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a!important;color:#e0e0e0;line-height:1.6;overflow-x:hidden;min-height:100vh;width:100%;scrollbar-width:none;-ms-overflow-style:none}#root{min-height:100vh;width:100%;background:#0a0a0a!important;position:relative;z-index:1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}em{font-style:italic;color:var(--accent)}strong{font-weight:600;color:var(--text)}:root{--bg-dark: #0a0a0a;--bg: #111;--text: #ffffff;--text-muted: #a0a0a0;--accent: #ff6b35;--accent-hover: #ff8c5a;--accent-glow: rgba(255, 107, 53, .4);--border: rgba(255, 255, 255, .1);--card-bg: rgba(255, 255, 255, .03);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;background:#0a0a0a!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a!important;color:#fff!important;line-height:1.6;overflow-x:hidden;perspective:1000px;min-height:100vh;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none;transform:translateZ(0);-webkit-transform:translateZ(0)}body::-webkit-scrollbar{display:none}#root{min-height:100vh;width:100%;background:#0a0a0a}.app-modern{position:relative;min-height:100vh;background:radial-gradient(ellipse at top,rgba(255,107,53,.1),transparent 50%),radial-gradient(ellipse at bottom,rgba(255,140,90,.08),transparent 50%),var(--bg-dark)}.hero-modern{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative;overflow:hidden;z-index:10;color:var(--text);background:var(--bg-dark)}.hero-background-3d{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,107,53,.03) 1px,transparent 1px),linear-gradient(rgba(255,107,53,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;opacity:.4}@keyframes gridMove{0%{background-position:0 0,0 0}to{background-position:50px 50px,50px 50px}}.gradient-orb,.orb-1,.orb-2,.orb-3{display:none}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-content-modern{max-width:1200px;width:100%;text-align:center;position:relative;z-index:11;color:#fff}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:50px;padding:.75rem 1.5rem;margin-bottom:2rem;color:var(--accent);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.sparkle-icon{animation:sparkle 2s infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.7}}.hero-title-modern{font-size:clamp(3.5rem,10vw,7rem);font-weight:800;line-height:1.1;margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.title-line{color:var(--text-muted);font-weight:400}.title-accent{background:linear-gradient(135deg,var(--accent),#ff8c5a,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.title-main{color:var(--text);font-weight:800}.hero-description-modern{font-size:1.2rem;color:var(--text-muted);max-width:700px;margin:0 auto 3rem;line-height:1.8}.hero-stats-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:4rem;max-width:900px;margin-left:auto;margin-right:auto}.stat-card-3d{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;box-shadow:0 8px 32px #0000004d;transform:translateZ(0) scaleZ(1);backface-visibility:hidden}.stat-card-3d:hover{will-change:transform}.stat-icon-wrapper{width:60px;height:60px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--bg-dark);font-size:1.5rem;box-shadow:0 8px 24px var(--accent-glow)}.stat-content h3{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.stat-content p{color:var(--text-muted);font-size:.9rem}.hero-actions-modern{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.btn-primary-3d{position:relative;background:linear-gradient(135deg,var(--accent),var(--accent-hover));border:none;border-radius:16px;padding:1.25rem 2.5rem;color:var(--bg-dark);font-size:1.1rem;font-weight:700;cursor:pointer;overflow:hidden;box-shadow:0 10px 30px var(--accent-glow);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary-3d:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-hover),var(--accent));opacity:0;transition:opacity .3s}.btn-primary-3d:hover:before{opacity:1}.btn-primary-3d span{position:relative;z-index:1}.btn-shine{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg)}.btn-secondary-3d{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;padding:1.25rem 2.5rem;color:var(--text);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary-3d:hover{background:var(--glass-border);border-color:var(--accent);color:var(--accent)}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem}.mouse{width:30px;height:50px;border:2px solid var(--text-muted);border-radius:20px;position:relative}.mouse:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:8px;background:var(--accent);border-radius:2px;animation:scroll 2s infinite}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}.section-header-modern{text-align:center;margin-bottom:4rem}.section-badge{display:inline-block;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:50px;padding:.5rem 1.5rem;color:var(--accent);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.section-title-modern{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;margin-bottom:1rem;color:var(--text)}.section-title-modern em{background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}.section-subtitle-modern{color:var(--text-muted);font-size:1.1rem;max-width:600px;margin:0 auto}.portfolio-section-modern{padding:8rem 0;position:relative;z-index:2;background:var(--bg-dark)}.portfolio-single-card-modern{display:flex;justify-content:center;perspective:1000px}.portfolio-card-3d{position:relative;max-width:700px;width:100%;background:var(--glass-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:32px;overflow:visible;cursor:pointer;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #0006;transform:translateZ(0) scaleZ(1);backface-visibility:hidden}.portfolio-card-3d:hover{will-change:transform}.card-click-hint{position:absolute;top:1.5rem;right:1.5rem;z-index:10;display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:.75rem 1.25rem;box-shadow:0 8px 24px #ff6b3566;pointer-events:none}.hint-arrow-icon{font-size:1.2rem;color:var(--bg-dark);animation:pulse-arrow 2s infinite}.hint-text{color:var(--bg-dark);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}@keyframes pulse-arrow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(3px,-3px) scale(1.1)}}.card-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-radius:32px;opacity:0;filter:blur(20px);transition:opacity .4s;z-index:-1}.portfolio-card-3d:hover .card-glow{opacity:.6}.portfolio-card-image-3d{width:100%;height:350px;overflow:hidden;position:relative}.portfolio-card-image-3d img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.image-overlay-3d{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s}.portfolio-card-3d:hover .image-overlay-3d{opacity:1}.overlay-content{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff;font-size:1.2rem;font-weight:600}.overlay-icon{width:50px;height:50px;background:var(--accent);border-radius:50%;padding:1rem;color:var(--bg-dark)}.portfolio-card-content-3d{padding:3rem}.card-header-3d{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.card-icon-wrapper{width:50px;height:50px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--bg-dark);font-size:1.5rem}.card-header-3d h3{font-size:2.5rem;font-weight:700;color:var(--text)}.portfolio-card-content-3d p{color:var(--text-muted);line-height:1.8;font-size:1.1rem;margin-bottom:2rem}.portfolio-stats-3d{display:flex;gap:2rem;padding-top:2rem;border-top:1px solid var(--border)}.stat-item-3d{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--card-bg);border-radius:12px;transition:all .3s}.stat-icon-small{color:var(--accent);font-size:1.5rem}.stat-item-3d div{display:flex;flex-direction:column}.stat-number{font-size:1.5rem;font-weight:700;color:var(--text)}.stat-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.pricing-section-modern{padding:8rem 0;position:relative;z-index:2;background:var(--bg-dark)}.pricing-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem;perspective:1000px}.pricing-card-3d{position:relative;background:var(--glass-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:24px;padding:3rem;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #0000004d;transform:translateZ(0) scaleZ(1);backface-visibility:hidden}.pricing-card-3d:hover{will-change:transform}.pricing-card-3d:hover{box-shadow:0 20px 60px #ff6b354d}.featured-3d{border-color:var(--accent);background:linear-gradient(135deg,rgba(255,107,53,.1),var(--glass-bg))}.featured-badge{position:absolute;top:-12px;right:2rem;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--bg-dark);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 12px var(--accent-glow)}.card-glow-pricing{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--accent),transparent);border-radius:24px;opacity:0;filter:blur(15px);transition:opacity .4s;z-index:-1}.pricing-card-3d:hover .card-glow-pricing{opacity:.4}.pricing-icon-wrapper{width:70px;height:70px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 8px 24px var(--accent-glow)}.pricing-icon{font-size:2rem;color:var(--bg-dark)}.pricing-card-3d h3{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;color:var(--text)}.price-wrapper-3d{margin-bottom:2rem}.price-amount-3d{display:block;font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.price-unit-3d{display:block;color:var(--text-muted);font-size:1rem}.pricing-features-3d{list-style:none;margin-bottom:2rem}.pricing-features-3d li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:var(--text-muted);border-bottom:1px solid var(--border)}.pricing-features-3d li:last-child{border-bottom:none}.check-icon{color:var(--accent);font-size:1rem;flex-shrink:0}.times-icon{color:#f44;font-size:1rem;flex-shrink:0;opacity:.6}.pricing-features-3d li.feature-excluded{opacity:.5;text-decoration:line-through}.btn-pricing-3d{width:100%;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1rem 2rem;color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-pricing-3d:hover{background:var(--accent);color:var(--bg-dark);border-color:var(--accent)}.btn-featured{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--bg-dark);border:none}.btn-featured:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent))}.pricing-disclaimer-modern{text-align:center;color:var(--text-muted);font-size:.9rem;margin-top:2rem}.contact-section-modern{padding:8rem 0;position:relative;z-index:2;background:var(--bg-dark)}.contact-grid-modern{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;max-width:1200px;margin:0 auto}.contact-info-3d{display:flex;flex-direction:column;gap:1.5rem}.info-card-3d{background:var(--glass-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transform-style:preserve-3d;transition:all .3s}.info-icon{font-size:2rem;color:var(--accent);flex-shrink:0}.info-card-3d h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.info-card-3d p{color:var(--text-muted);font-size:.95rem}.time-display-modern{font-size:1.5rem;font-weight:700;color:var(--accent)}.contact-form-3d{background:var(--glass-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:24px;padding:3rem}.form-group-3d{margin-bottom:1.5rem}.input-3d{width:100%;background:#ffffff0d;border:1px solid var(--border);border-radius:12px;padding:1rem 1.5rem;color:var(--text);font-size:1rem;font-family:inherit;transition:all .3s}.input-3d:focus{outline:none;border-color:var(--accent);background:#ffffff14;box-shadow:0 0 0 3px #ff6b351a}.textarea-3d{resize:vertical;min-height:150px}.form-group-checkbox-3d{margin-bottom:2rem}.form-group-checkbox-3d label{display:flex;align-items:flex-start;gap:.75rem;color:var(--text-muted);font-size:.9rem;cursor:pointer}.form-group-checkbox-3d input[type=checkbox]{margin-top:.2rem;cursor:pointer}.btn-submit-3d{width:100%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));border:none;border-radius:12px;padding:1.25rem 2rem;color:var(--bg-dark);font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 10px 30px var(--accent-glow);transition:all .3s}.submit-icon{font-size:1.2rem}.footer-modern{padding:4rem 0 2rem;background:var(--bg-dark);border-top:1px solid var(--border);position:relative;z-index:2}.discord-info-card{position:relative}.discord-icon-wrapper{position:relative;flex-shrink:0}.discord-avatar-wrapper-small{position:relative;width:50px;height:50px}.discord-avatar-small{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(88,101,242,.3)}.discord-status-indicator-small{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:2px solid var(--bg-dark);background:var(--bg-dark)}.discord-status-indicator-small.online{background:#23a55a}.discord-status-indicator-small.idle{background:#f0b232}.discord-status-indicator-small.dnd{background:#f23f43}.discord-status-indicator-small.offline{background:#80848e}.discord-info-content{flex:1;min-width:0}.discord-details{display:flex;flex-direction:column;gap:.25rem}.discord-username-text{color:var(--text);font-size:.95rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discord-status-text{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.85rem;margin:0}.discord-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.discord-status-dot.online{background:#23a55a}.discord-status-dot.idle{background:#f0b232}.discord-status-dot.dnd{background:#f23f43}.discord-status-dot.offline{background:#80848e}.discord-activity-text{color:var(--text-muted);font-size:.8rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.5rem}.discord-activity-icon{font-size:.85rem;flex-shrink:0}.discord-spotify-cover{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.discord-album-cover{border-radius:8px;border:2px solid rgba(30,215,96,.3);box-shadow:0 2px 8px #1ed76033}.discord-spotify-badge{position:absolute;top:4px;right:4px;width:20px;height:20px;background:linear-gradient(135deg,#1db954,#1ed760);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;box-shadow:0 2px 6px #0000004d;border:2px solid var(--bg-dark)}.footer-content-modern{text-align:center}.footer-logo-modern h3{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-logo-modern p{color:var(--text-muted);margin-bottom:2rem}.footer-social-modern{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.footer-social-modern a{width:50px;height:50px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.2rem;text-decoration:none;transition:all .3s}.footer-social-modern a:hover{background:var(--accent);color:var(--bg-dark);border-color:var(--accent)}.footer-links-modern{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}.footer-links-modern a{color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:color .3s}.footer-links-modern a:hover{color:var(--accent)}.footer-copyright-modern{color:var(--text-muted);font-size:.9rem}.about-section{padding:8rem 0;position:relative;z-index:2;background:var(--bg-dark)}.about-content{max-width:800px;margin:0 auto}.about-content p{color:var(--text-muted);line-height:1.8;margin-bottom:1.5rem;font-size:1.05rem}.gallery-page{min-height:100vh;background:var(--bg-dark);padding-top:2rem;position:relative;z-index:2}.gallery-header{text-align:center;padding:3rem 2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;padding:.75rem 1.5rem;color:var(--text);font-size:1rem;cursor:pointer;transition:all .3s;margin-bottom:2rem}.back-button svg{width:20px;height:20px}.back-button:hover{background:var(--accent);color:var(--bg-dark);border-color:var(--accent);transform:translate(-5px)}.gallery-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;margin-bottom:1rem}.gallery-subtitle{color:var(--text-muted);font-size:1.2rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;padding:2rem;max-width:1400px;margin:0 auto}.gallery-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s;animation:fadeInUp .6s ease-out backwards;opacity:0;animation-fill-mode:forwards}.gallery-item:hover{transform:translate3d(0,-10px,0) scale(1.02);box-shadow:0 20px 60px #ff6b3540;border-color:var(--accent)}.gallery-image-wrapper{width:100%;height:300px;overflow:hidden;position:relative}.gallery-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.gallery-item:hover .gallery-image-wrapper img{transform:scale(1.15)}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);opacity:0;transition:opacity .4s}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-content{padding:2rem}.gallery-content h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text);transition:color .3s}.gallery-item:hover .gallery-content h3{color:var(--accent)}.gallery-content p{color:var(--text-muted);line-height:1.7;margin-bottom:1rem;font-size:.95rem}.gallery-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.tag{background:#ff6b351a;color:var(--accent);padding:.4rem .8rem;border-radius:20px;font-size:.85rem;border:1px solid rgba(255,107,53,.3)}.image-modal{position:fixed;inset:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close{position:absolute;top:2rem;right:2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:all .3s;z-index:1001}.modal-close:hover{background:var(--accent);color:var(--bg-dark);transform:rotate(90deg)}.modal-close svg{width:24px;height:24px}.modal-content{max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;background:var(--glass-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;animation:fadeInUp .4s}.modal-content img{width:100%;height:auto;display:block}.modal-info{padding:2.5rem}.modal-info h2{font-size:2rem;margin-bottom:1rem;color:var(--text)}.modal-info p{color:var(--text-muted);line-height:1.8;margin-bottom:1.5rem;font-size:1.05rem}.modal-tags{display:flex;gap:.5rem;flex-wrap:wrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.container{padding:0 1rem}.hero-stats-modern{grid-template-columns:1fr}.portfolio-card-content-3d{padding:2rem}.portfolio-card-content-3d h3{font-size:1.8rem}.portfolio-stats-3d{flex-direction:column;gap:1rem}.portfolio-card-image-3d{height:350px}.contact-grid-modern,.pricing-grid-modern{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr;padding:1rem}.gallery-image-wrapper{height:250px}.footer-social-modern,.footer-links-modern{flex-direction:column;gap:1rem}.modal-content{margin:1rem;max-height:95vh}.modal-info{padding:1.5rem}}.navbar-modern{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:all .3s ease;background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid transparent}.navbar-modern.navbar-scrolled{background:#0a0a0af2;border-bottom:1px solid var(--glass-border);box-shadow:0 4px 20px #0000004d}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-size:1.5rem;font-weight:700;color:var(--text);cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;list-style:none;gap:2rem;align-items:center}.navbar-links a{color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s;position:relative}.navbar-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s}.navbar-links a:hover:after{width:100%}.navbar-mobile-toggle{display:none;background:transparent;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;padding:.5rem}.mobile-menu-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999}.mobile-menu{position:fixed;top:0;right:0;width:300px;height:100vh;background:var(--bg);border-left:1px solid var(--glass-border);padding:2rem;overflow-y:auto}.mobile-menu-links{list-style:none;display:flex;flex-direction:column;gap:1.5rem;margin-top:4rem}.mobile-menu-links a{color:var(--text);text-decoration:none;font-size:1.1rem;font-weight:500;padding:.75rem;border-radius:8px;transition:all .3s;display:block}.mobile-menu-links a:hover{background:var(--glass-bg);color:var(--accent)}@media(max-width:768px){.navbar-links{display:none}.navbar-mobile-toggle{display:block}}.navbar-subtitle-modern{position:fixed;top:80px;left:0;right:0;z-index:999;text-align:center;padding:.75rem 0;background:#0a0a0ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.navbar-subtitle-modern span{font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.navbar-subtitle-modern{top:70px;padding:.5rem 0}.navbar-subtitle-modern span{font-size:.65rem}}.skills-section-modern{padding:8rem 0;position:relative;z-index:2;background:var(--bg-dark)}.tools-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem;max-width:900px;margin-left:auto;margin-right:auto}.tool-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:3rem 2rem;text-align:center;transition:all .3s;transform-style:preserve-3d}.tool-card:hover{border-color:var(--accent);box-shadow:0 15px 50px #ff6b354d}.tool-icon-wrapper{width:120px;height:120px;margin:0 auto 2rem;background:linear-gradient(135deg,var(--tool-color, var(--accent)),var(--accent-hover));border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #ff6b3566;position:relative;overflow:hidden}.tool-icon-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.tool-icon{font-size:4rem;color:var(--text);position:relative;z-index:1}.tool-logo{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.tool-card h3{font-size:1.8rem;margin-bottom:.75rem;color:var(--text);font-weight:700}.tool-card p{color:var(--text-muted);font-size:1rem;font-weight:500}@media(max-width:768px){.tools-grid-modern{grid-template-columns:1fr;max-width:100%}.tool-icon-wrapper{width:100px;height:100px}.tool-icon{font-size:3rem}}.input-error{border-color:#f44!important;box-shadow:0 0 0 3px #ff44441a!important}.checkbox-error{accent-color:#ff4444}.error-message{display:flex;align-items:center;gap:.5rem;color:#f44;font-size:.85rem;margin-top:.5rem;padding:.5rem;background:#ff44441a;border-radius:8px;border-left:3px solid #ff4444}.error-message svg{font-size:.9rem}.submit-status{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:12px;margin-bottom:1rem;font-size:.95rem;font-weight:500}.submit-status.success{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.submit-status.error{background:#ff444426;color:#f44;border:1px solid rgba(255,68,68,.3)}.submit-status svg{font-size:1.2rem}.btn-submit-3d:disabled{opacity:.6;cursor:not-allowed}.btn-submit-3d svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-to-top-btn{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));border:none;border-radius:50%;color:var(--text);font-size:1.2rem;cursor:pointer;z-index:1000;box-shadow:0 4px 20px #ff6b3566;display:flex;align-items:center;justify-content:center;transition:all .3s}.scroll-to-top-btn:hover{box-shadow:0 6px 30px #ff6b3599}@media(max-width:768px){.scroll-to-top-btn{bottom:1.5rem;right:1.5rem;width:45px;height:45px;font-size:1rem}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);padding:2rem;position:relative;z-index:2}.not-found-content{text-align:center;max-width:600px}.not-found-title{font-size:clamp(6rem,15vw,12rem);font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1}.not-found-subtitle{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--text);margin-bottom:1rem;font-weight:700}.not-found-description{color:var(--text-muted);font-size:1.1rem;margin-bottom:3rem;line-height:1.6}.not-found-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.not-found-actions .btn-primary-3d,.not-found-actions .btn-secondary-3d{display:flex;align-items:center;gap:.5rem}.error-boundary-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);padding:2rem;position:relative;z-index:2}.error-boundary-content{text-align:center;max-width:600px}.error-icon-wrapper{margin-bottom:2rem}.error-icon{font-size:5rem;color:#f44}.error-boundary-content h1{font-size:2.5rem;color:var(--text);margin-bottom:1rem;font-weight:700}.error-boundary-content p{color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.error-details{text-align:left;background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:12px;padding:1rem;margin:2rem 0;max-height:300px;overflow-y:auto}.error-details summary{color:#f44;cursor:pointer;font-weight:600;margin-bottom:.5rem}.error-details pre{color:var(--text-muted);font-size:.85rem;white-space:pre-wrap;word-wrap:break-word}.error-boundary-content .btn-primary-3d{display:inline-flex;align-items:center;gap:.5rem}.loading-page{position:fixed;inset:0;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{text-align:center}.loading-logo{width:120px;height:120px;margin:0 auto 2rem;background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #ff6b3566}.loading-icon{font-size:4rem;color:var(--text)}.loading-text{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem}.loading-bar{width:200px;height:4px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin:0 auto;position:relative}.loading-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:10px;animation:loading-progress 1.5s ease-in-out infinite}@keyframes loading-progress{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.testimonials-section-modern{padding:8rem 0;position:relative;z-index:2;background:var(--bg-dark)}.testimonials-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:4rem}.testimonial-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;position:relative;transition:all .3s;transform-style:preserve-3d}.testimonial-card:hover{border-color:var(--accent);box-shadow:0 15px 50px #ff6b3533}.testimonial-quote-icon{position:absolute;top:1.5rem;right:1.5rem;font-size:2rem;color:var(--accent);opacity:.3}.testimonial-rating{display:flex;gap:.25rem;margin-bottom:1.5rem}.star-icon{color:gold;font-size:1.1rem}.testimonial-content{color:var(--text-muted);line-height:1.8;margin-bottom:2rem;font-size:1rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.testimonial-avatar{width:50px;height:50px;border-radius:50%;border:2px solid var(--accent)}.testimonial-author h4{color:var(--text);font-size:1.1rem;margin-bottom:.25rem}.testimonial-author p{color:var(--text-muted);font-size:.9rem}.faq-section-modern{padding:8rem 0;position:relative;z-index:2;background:var(--bg-dark)}.faq-list-modern{max-width:800px;margin:4rem auto 0;display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:transform .3s;will-change:transform;transform:translateZ(0)}.faq-item:hover{border-color:var(--accent)}.faq-question{width:100%;padding:1.5rem;background:transparent;border:none;color:var(--text);font-size:1.1rem;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:all .3s}.faq-question:hover,.faq-question.open{color:var(--accent)}.faq-question-content{display:flex;align-items:center;gap:1rem;flex:1}.faq-icon{color:var(--accent);font-size:1.2rem}.faq-chevron{color:var(--text-muted);transition:transform .3s;flex-shrink:0}.faq-answer{padding:0 1.5rem 1.5rem;color:var(--text-muted);line-height:1.8;overflow:hidden}.theme-toggle{width:45px;height:45px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);color:var(--text);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;margin-left:1rem;padding:0;line-height:1}.theme-toggle svg{display:block;margin:0 auto}.theme-toggle:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-dark)}.navbar-actions{display:flex;align-items:center;gap:1rem}.language-toggle{display:flex;align-items:center;gap:.5rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;padding:.5rem 1rem;color:var(--text);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}.language-toggle:hover{background:var(--accent);color:var(--bg-dark);border-color:var(--accent);transform:translateY(-2px)}.language-toggle svg{font-size:1rem}@media(max-width:768px){.navbar-actions{display:none}}[data-theme=light]{--bg-dark: #f5f5f5;--bg: #ffffff;--text: #1a1a1a;--text-muted: #666666;--accent: #ff6b35;--accent-hover: #ff8c5a;--border: rgba(0, 0, 0, .1);--card-bg: rgba(0, 0, 0, .03);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .1)}[data-theme=light] .app-modern{background:radial-gradient(ellipse at top,rgba(255,107,53,.05),transparent 50%),radial-gradient(ellipse at bottom,rgba(255,140,90,.03),transparent 50%),var(--bg-dark)}[data-theme=light] .hero-modern{background:var(--bg-dark);color:var(--text)}[data-theme=light] .portfolio-section-modern{background:var(--bg-dark)}[data-theme=light] body{background:var(--bg-dark)!important;color:var(--text)!important}[data-theme=light] #root{background:var(--bg-dark)}.parallax-section{position:relative;overflow:hidden}.parallax-bg{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:.1;background:radial-gradient(circle,var(--accent) 1px,transparent 1px);background-size:50px 50px;will-change:transform}.btn-primary-3d,.btn-secondary-3d,.btn-pricing-3d{position:relative;overflow:hidden}.btn-primary-3d:after,.btn-secondary-3d:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary-3d:active:after,.btn-secondary-3d:active:after{width:300px;height:300px}.portfolio-card-3d,.pricing-card-3d,.tool-card,.testimonial-card{transition:transform .3s cubic-bezier(.4,0,.2,1)}.input-3d:focus{transform:scale(1.01);box-shadow:0 0 0 4px #ff6b351a;will-change:transform}.info-icon,.stat-icon,.card-icon{transition:transform .2s;will-change:transform}.info-card-3d:hover .info-icon,.stat-card-3d:hover .stat-icon{transform:scale(1.1) rotate(3deg)}html{scroll-behavior:smooth}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--glass-bg) 0%,rgba(255,255,255,.1) 50%,var(--glass-bg) 100%);background-size:1000px 100%;animation:shimmer 2s infinite}.toast-container{position:fixed;top:2rem;right:2rem;z-index:10000;display:flex;flex-direction:column;gap:1rem;pointer-events:none;max-width:400px;width:100%}.toast{position:relative;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem 3rem 1rem 1.25rem;box-shadow:0 8px 32px #0000004d;display:flex;align-items:flex-start;gap:1rem;pointer-events:auto;overflow:hidden;min-width:300px;will-change:transform,opacity;transform:translateZ(0)}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--toast-color, #2196f3);border-radius:12px 0 0 12px}.toast-icon{font-size:1.5rem;flex-shrink:0;margin-top:.125rem}.toast-content{flex:1;min-width:0}.toast-message{margin:0;color:var(--text);font-size:.95rem;font-weight:500;line-height:1.5;word-wrap:break-word}.toast-close{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;opacity:.7}.toast-close:hover{opacity:1;background:#ffffff1a;color:var(--text)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--toast-color, #2196f3);border-radius:0 0 12px 12px;transform-origin:left}@media(max-width:768px){.toast-container{top:1rem;right:1rem;left:1rem;max-width:none}.toast{min-width:auto;width:100%}}