:root{--c-bg: #0a0e1a;--c-bg-secondary: #111827;--c-surface: rgba(15, 23, 42, .95);--c-surface-glass: rgba(255, 255, 255, .05);--c-text: #ffffff;--c-text-secondary: #cbd5e1;--c-text-dim: #94a3b8;--c-border: rgba(255, 255, 255, .1);--c-border-glow: rgba(0, 122, 204, .3);--c-primary: #007acc;--c-primary-glow: rgba(0, 122, 204, .4);--c-accent-1: #007acc;--c-accent-2: #ff6b35;--c-accent-3: #10b981;--c-gradient: linear-gradient(135deg, #007acc 0%, #0099ff 50%, #10b981 100%);--radius: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px var(--c-primary-glow);--container-max: 1200px;--content-max: 900px;--media-size: 400px;--gutter: 24px;--transition: .4s cubic-bezier(.4, 0, .2, 1);--transition-fast: .2s ease}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;background:var(--c-bg);color:var(--c-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}img,video,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;transition:var(--transition-fast)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(0,122,204,.1) 0%,var(--c-bg) 70%);overflow:hidden;isolation:isolate}.hero-content{position:relative;z-index:10;text-align:center;max-width:var(--content-max);padding:var(--gutter);animation:heroFadeIn 1.5s ease-out}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.header-badge{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--c-surface-glass);border:1px solid var(--c-border);border-radius:50px;font-size:.9rem;font-weight:500;backdrop-filter:blur(20px);margin-bottom:24px;animation:badgeGlow 3s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 0 20px #007acc33}50%{box-shadow:0 0 40px #007acc66}}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1.1;margin:0 0 24px;letter-spacing:-.02em}.text-gradient{background:var(--c-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}.subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--c-text-secondary);margin:0 0 16px;font-weight:300}.claim{font-size:1.1rem;color:var(--c-text-dim);margin:0 0 40px;line-height:1.7}.highlight-text{color:var(--c-primary);font-weight:600}.hero-cta{margin:40px 0}.contact-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:var(--c-gradient);border:none;border-radius:var(--radius);color:#fff;font-weight:600;font-size:1.1rem;position:relative;overflow:hidden;transform:perspective(1000px) rotateX(0);transition:var(--transition)}.contact-btn:hover{transform:perspective(1000px) rotateX(-10deg) translateY(-8px);box-shadow:var(--shadow-glow)}.contact-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition)}.contact-btn:hover:before{left:100%}.social-links{display:flex;justify-content:center;gap:16px;margin-top:40px}.social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--c-surface-glass);border:1px solid var(--c-border);border-radius:var(--radius);backdrop-filter:blur(20px);transition:var(--transition)}.social-link:hover{transform:translateY(-8px) rotateY(15deg);box-shadow:var(--shadow);border-color:var(--c-primary)}.particles-container,.spotlight-overlay,.matrix-rain,.data-stream,.floating-elements,.bg-grid{position:absolute;inset:0;z-index:1;pointer-events:none}.particle{position:absolute;left:var(--x, 50%);top:var(--y, 50%);width:4px;height:4px;background:var(--c-primary);border-radius:50%;animation:particleFloat 8s ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes particleFloat{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}25%{transform:translate(-50%,-60%) scale(1.5);opacity:.4}50%{transform:translate(-50%,-40%) scale(2);opacity:1}75%{transform:translate(-50%,-55%) scale(1.2);opacity:.6}}.floating-icon{position:absolute;left:var(--x, 10%);top:var(--y, 10%);font-size:clamp(20px,3vw,32px);opacity:.25;animation:floatAcrossPage 15s ease-in-out infinite;animation-delay:var(--delay, 0s);z-index:-1}@keyframes floatAcrossPage{0%{transform:translate(0) translateY(0) rotate(0);opacity:.25}25%{transform:translate(100px) translateY(-50px) rotate(90deg);opacity:.4}50%{transform:translate(200px) translateY(0) rotate(180deg);opacity:.6}75%{transform:translate(150px) translateY(50px) rotate(270deg);opacity:.4}to{transform:translate(0) translateY(0) rotate(360deg);opacity:.25}}.spotlight-overlay{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(800px circle at 20% 20%,rgba(0,122,204,.08),transparent 70%),radial-gradient(600px circle at 80% 60%,rgba(16,185,129,.06),transparent 70%),radial-gradient(700px circle at 60% 90%,rgba(255,107,53,.05),transparent 70%);animation:spotlightMoveGlobal 25s ease-in-out infinite}@keyframes spotlightMoveGlobal{0%,to{opacity:.6;transform:rotate(0)}50%{opacity:1;transform:rotate(5deg)}}.bg-grid{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(0,122,204,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,122,204,.05) 1px,transparent 1px);background-size:80px 80px;opacity:.2;animation:gridMove 40s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}section{max-width:var(--container-max);margin:0 auto 80px;padding:60px var(--gutter);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);backdrop-filter:blur(20px);position:relative;overflow:hidden;animation:sectionSlideIn .8s ease-out}@keyframes sectionSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--c-gradient);opacity:.6}section h2{text-align:center;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:0 0 40px;background:var(--c-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.skills-section{background:var(--c-surface)}.skill-card{background:#ffffff05;border:1px solid var(--c-border);border-radius:var(--radius);padding:32px;margin:0 0 24px;text-align:center;position:relative;overflow:hidden;transition:var(--transition)}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--c-primary);transform:scaleX(0);transition:var(--transition)}.skill-card:nth-child(2):before{background:var(--c-accent-2)}.skill-card:nth-child(3):before{background:var(--c-accent-3)}.skill-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:var(--c-primary)}.skill-card:hover:before{transform:scaleX(1)}.skill-card h3{font-size:1.4rem;font-weight:600;margin:0 0 20px;color:var(--c-text)}.skill-card p{color:var(--c-text-secondary);margin:20px 0 0;line-height:1.7}.pill{display:inline-block;background:var(--c-primary);color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500;margin:4px 6px;animation:pillPulse 3s ease-in-out infinite;white-space:nowrap}.pill-container{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:1rem}@keyframes pillPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.video-showcase,.gallery-section{text-align:center}.video-intro{color:var(--c-text-secondary);font-size:1.1rem;margin:0 0 40px}.video-container,.gallery-item{width:var(--media-size);height:calc(var(--media-size) * .75);margin:0 auto 24px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--c-border);position:relative;transition:var(--transition)}.video-container:hover,.gallery-item:hover{transform:scale(1.05) rotateY(5deg);box-shadow:var(--shadow-glow)}.video-container video,.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--media-size),1fr));gap:32px;padding:0 var(--gutter);justify-items:center}.video-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:32px}.video-nav-btn{padding:16px 24px;background:var(--c-surface-glass);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text);backdrop-filter:blur(20px);transition:var(--transition)}.video-nav-btn:hover,.video-nav-btn.active{background:var(--c-primary);transform:translateY(-4px);box-shadow:var(--shadow)}.skills-list{display:grid;gap:24px}.skills-list>div{background:#ffffff05;border:1px solid var(--c-border);border-radius:var(--radius);padding:24px;transition:var(--transition)}.skills-list>div:hover{transform:translate(10px);border-color:var(--c-primary)}.skills-list strong{display:block;color:var(--c-text);font-size:1.2rem;margin-bottom:12px}.skills-list span{color:var(--c-text-secondary);line-height:1.7}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin:32px 0}.trust-item{background:#ffffff05;border:1px solid var(--c-border);border-radius:var(--radius);padding:32px 24px;text-align:center;transition:var(--transition)}.trust-item:hover{transform:scale(1.05);border-color:var(--c-primary)}.trust-number{font-size:3rem;font-weight:800;background:var(--c-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;margin-bottom:8px}.trust-label{color:var(--c-text-secondary);font-weight:500}.cta-section{background:var(--c-gradient);color:#fff;text-align:center}.cta-section h2{color:#fff}.cta-section p{font-size:1.2rem;margin:0 0 40px;opacity:.9}.cta-buttons{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.contact-btn.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(20px)}.contact-btn.secondary:hover{background:#fff3}.loading-overlay{position:fixed;inset:0;background:var(--c-bg);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:var(--transition)}.loading-overlay.active{opacity:1;pointer-events:all}.loading-content{text-align:center}.loading-text{font-size:2rem;font-weight:700;background:var(--c-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px}.loading-progress{width:300px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.loading-bar{height:100%;background:var(--c-gradient);border-radius:2px;animation:loadingProgress 2s ease-in-out infinite}@keyframes loadingProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){:root{--media-size: 300px;--gutter: 16px}.video-controls{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.cta-buttons{flex-direction:column;align-items:center}}@media (max-width: 480px){:root{--media-size: 280px}.trust-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: light){:root{--c-bg: #f8fafc;--c-text: #1e293b;--c-text-secondary: #475569}}.matrix-rain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.3;font-family:Courier New,monospace;font-size:14px;line-height:2.5;letter-spacing:.3em;word-spacing:2em}.matrix-character{position:absolute;color:var(--c-primary);animation:matrixFall 4s linear infinite;animation-delay:var(--delay, 0s);opacity:.8;text-shadow:0 0 5px var(--c-primary)}@keyframes matrixFall{0%{transform:translateY(-100vh);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}.matrix-column{position:absolute;top:0;width:20px;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:40px}