*{margin:0;padding:0;box-sizing:border-box}html{background:#0a0a0a}body{margin:0;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;line-height:1.6;color:#e0e0e0;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(139,92,246,.1) 0%,transparent 50%),#0a0a0a;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.1;transition:opacity .3s ease;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='30' cy='25' rx='10' ry='4' fill='none' stroke='rgba(99,102,241,0.08)' stroke-width='1.2'/%3E%3Cpath d='M 20,25 L 20,35 Q 20,39 30,39 Q 40,39 40,35 L 40,25' fill='none' stroke='rgba(99,102,241,0.08)' stroke-width='1.2'/%3E%3Cellipse cx='30' cy='35' rx='10' ry='4' fill='none' stroke='rgba(99,102,241,0.08)' stroke-width='1.2'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='22' y='28' width='18' height='12' rx='1.5' fill='none' stroke='rgba(139,92,246,0.08)' stroke-width='1.2'/%3E%3Ccircle cx='31' cy='34' r='4.5' fill='none' stroke='rgba(139,92,246,0.08)' stroke-width='1.2'/%3E%3Crect x='28' y='26' width='6' height='2' rx='0.5' fill='rgba(139,92,246,0.08)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='23' y='26' width='16' height='5' rx='0.8' fill='none' stroke='rgba(236,72,153,0.08)' stroke-width='1.2'/%3E%3Crect x='23' y='32' width='16' height='5' rx='0.8' fill='none' stroke='rgba(236,72,153,0.08)' stroke-width='1.2'/%3E%3Ccircle cx='26' cy='28.5' r='1' fill='rgba(236,72,153,0.08)'/%3E%3Ccircle cx='26' cy='34.5' r='1' fill='rgba(236,72,153,0.08)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 26,32 Q 26,28 29,28 Q 29,25 32,25 Q 35,25 35,28 Q 38,28 38,32 Q 38,36 35,36 L 29,36 Q 26,36 26,32 Z' fill='none' stroke='rgba(99,102,241,0.07)' stroke-width='1'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 26,28 L 30,32 L 26,36' fill='none' stroke='rgba(236,72,153,0.07)' stroke-width='1.2' stroke-linecap='round'/%3E%3Cline x1='33' y1='36' x2='38' y2='36' stroke='rgba(236,72,153,0.07)' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='32' cy='32' rx='10' ry='4' fill='none' stroke='rgba(139,92,246,0.06)' stroke-width='0.8' transform='rotate(60 32 32)'/%3E%3Cellipse cx='32' cy='32' rx='10' ry='4' fill='none' stroke='rgba(139,92,246,0.06)' stroke-width='0.8' transform='rotate(-60 32 32)'/%3E%3Cellipse cx='32' cy='32' rx='10' ry='4' fill='none' stroke='rgba(139,92,246,0.06)' stroke-width='0.8'/%3E%3Ccircle cx='32' cy='32' r='1.5' fill='rgba(139,92,246,0.07)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 34,26 L 30,26 Q 28,26 28,28 L 28,32 Q 28,34 26,34 Q 28,34 28,36 L 28,40 Q 28,42 30,42 L 34,42' fill='none' stroke='rgba(236,72,153,0.07)' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M 38,26 L 42,26 Q 44,26 44,28 L 44,32 Q 44,34 46,34 Q 44,34 44,36 L 44,40 Q 44,42 42,42 L 38,42' fill='none' stroke='rgba(236,72,153,0.07)' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='26' y='34' width='12' height='8' rx='0.8' fill='none' stroke='rgba(99,102,241,0.07)' stroke-width='1.2'/%3E%3Cpath d='M 28,34 L 28,30 Q 28,26 32,26 Q 36,26 36,30 L 36,34' fill='none' stroke='rgba(99,102,241,0.07)' stroke-width='1.2'/%3E%3Ccircle cx='32' cy='38' r='1.2' fill='rgba(99,102,241,0.07)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='1.5' fill='rgba(99,102,241,0.05)'/%3E%3Ccircle cx='45' cy='35' r='1.2' fill='rgba(236,72,153,0.05)'/%3E%3Ccircle cx='30' cy='50' r='1' fill='rgba(139,92,246,0.05)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 28,30 L 32,30 M 30,28 L 30,32' stroke='rgba(99,102,241,0.06)' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='28' y1='30' x2='34' y2='30' stroke='rgba(236,72,153,0.06)' stroke-width='1' stroke-linecap='round'/%3E%3Cline x1='28' y1='33' x2='34' y2='33' stroke='rgba(236,72,153,0.06)' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100px 100px;background-position:0 0,50px 25px,25px 75px,75px 50px,40px 10px,10px 60px,60px 40px,80px 80px,15px 90px,90px 15px,35px 55px,65px 85px;animation:patternFloat 60s linear infinite}@keyframes patternFloat{0%{transform:translate(0)}50%{transform:translate(10px,10px)}to{transform:translate(0)}}@media (max-width: 1024px){body:before{opacity:.6}}@media (max-width: 768px){body:before{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='30' cy='25' rx='10' ry='4' fill='none' stroke='rgba(99,102,241,0.12)' stroke-width='1.2'/%3E%3Cpath d='M 20,25 L 20,35 Q 20,39 30,39 Q 40,39 40,35 L 40,25' fill='none' stroke='rgba(99,102,241,0.12)' stroke-width='1.2'/%3E%3Cellipse cx='30' cy='35' rx='10' ry='4' fill='none' stroke='rgba(99,102,241,0.12)' stroke-width='1.2'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='22' y='28' width='18' height='12' rx='1.5' fill='none' stroke='rgba(139,92,246,0.12)' stroke-width='1.2'/%3E%3Ccircle cx='31' cy='34' r='4.5' fill='none' stroke='rgba(139,92,246,0.12)' stroke-width='1.2'/%3E%3Crect x='28' y='26' width='6' height='2' rx='0.5' fill='rgba(139,92,246,0.12)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='23' y='26' width='16' height='5' rx='0.8' fill='none' stroke='rgba(236,72,153,0.12)' stroke-width='1.2'/%3E%3Crect x='23' y='32' width='16' height='5' rx='0.8' fill='none' stroke='rgba(236,72,153,0.12)' stroke-width='1.2'/%3E%3Ccircle cx='26' cy='28.5' r='1' fill='rgba(236,72,153,0.12)'/%3E%3Ccircle cx='26' cy='34.5' r='1' fill='rgba(236,72,153,0.12)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 26,32 Q 26,28 29,28 Q 29,25 32,25 Q 35,25 35,28 Q 38,28 38,32 Q 38,36 35,36 L 29,36 Q 26,36 26,32 Z' fill='none' stroke='rgba(99,102,241,0.1)' stroke-width='1'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 26,28 L 30,32 L 26,36' fill='none' stroke='rgba(236,72,153,0.1)' stroke-width='1.2' stroke-linecap='round'/%3E%3Cline x1='33' y1='36' x2='38' y2='36' stroke='rgba(236,72,153,0.1)' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='32' cy='32' rx='10' ry='4' fill='none' stroke='rgba(139,92,246,0.09)' stroke-width='0.8' transform='rotate(60 32 32)'/%3E%3Cellipse cx='32' cy='32' rx='10' ry='4' fill='none' stroke='rgba(139,92,246,0.09)' stroke-width='0.8' transform='rotate(-60 32 32)'/%3E%3Cellipse cx='32' cy='32' rx='10' ry='4' fill='none' stroke='rgba(139,92,246,0.09)' stroke-width='0.8'/%3E%3Ccircle cx='32' cy='32' r='1.5' fill='rgba(139,92,246,0.1)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 34,26 L 30,26 Q 28,26 28,28 L 28,32 Q 28,34 26,34 Q 28,34 28,36 L 28,40 Q 28,42 30,42 L 34,42' fill='none' stroke='rgba(236,72,153,0.1)' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M 38,26 L 42,26 Q 44,26 44,28 L 44,32 Q 44,34 46,34 Q 44,34 44,36 L 44,40 Q 44,42 42,42 L 38,42' fill='none' stroke='rgba(236,72,153,0.1)' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='26' y='34' width='12' height='8' rx='0.8' fill='none' stroke='rgba(99,102,241,0.1)' stroke-width='1.2'/%3E%3Cpath d='M 28,34 L 28,30 Q 28,26 32,26 Q 36,26 36,30 L 36,34' fill='none' stroke='rgba(99,102,241,0.1)' stroke-width='1.2'/%3E%3Ccircle cx='32' cy='38' r='1.2' fill='rgba(99,102,241,0.1)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='1.5' fill='rgba(99,102,241,0.08)'/%3E%3Ccircle cx='45' cy='35' r='1.2' fill='rgba(236,72,153,0.08)'/%3E%3Ccircle cx='30' cy='50' r='1' fill='rgba(139,92,246,0.08)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 28,30 L 32,30 M 30,28 L 30,32' stroke='rgba(99,102,241,0.09)' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='28' y1='30' x2='34' y2='30' stroke='rgba(236,72,153,0.09)' stroke-width='1' stroke-linecap='round'/%3E%3Cline x1='28' y1='33' x2='34' y2='33' stroke='rgba(236,72,153,0.09)' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E")}}.App{position:relative;z-index:1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{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}html{scroll-behavior:smooth}.section-title{text-shadow:0 1px 0 rgba(255,255,255,.1),0 2px 10px rgba(99,102,241,.2),0 8px 25px rgba(99,102,241,.15);transform-style:preserve-3d}.parallax-glare{z-index:1;border-radius:inherit;overflow:hidden}.skill-card>*:not(.parallax-glare),.service-card>*:not(.parallax-glare),.blog-card>*:not(.parallax-glare),.timeline-content>*:not(.parallax-glare){position:relative;z-index:2}.header{position:fixed;top:0;left:0;right:0;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(236,72,153,.1) 0%,transparent 50%),#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);z-index:9999;padding:.25rem 0;transition:all .3s ease}.header-content{max-width:1400px;margin:0 auto;padding:0 3rem;display:flex;justify-content:space-between;align-items:center}.logo-button{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:8px}.logo-button:hover{background:#6366f11a;transform:translateY(-2px)}.home-icon{width:28px;height:28px;color:#e0e0e0;transition:color .3s ease}.logo-button:hover .home-icon{color:#6366f1}.nav{display:flex;gap:3rem;position:fixed;top:0;right:0;width:320px;height:100vh;min-height:100vh;background:#0f0f0f;flex-direction:column;padding:7rem 2rem 2rem;gap:2rem;transition:transform .3s ease;border-left:1px solid rgba(255,255,255,.1);z-index:99999;box-shadow:-5px 0 20px #00000080;transform:translate(100%);overflow-y:auto}.nav-open{transform:translate(0)}.nav-link{background:none;border:none;color:#888;font-size:1.1rem;font-weight:400;cursor:pointer;transition:all .2s ease;padding:.75rem 0;position:relative;letter-spacing:.01em;text-align:left}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:100000}.hamburger span{width:25px;height:2px;background:#fff;transition:all .3s ease;border-radius:2px}.hamburger span.active:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.hamburger span.active:nth-child(2){opacity:0}.hamburger span.active:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width: 768px){.header{padding:1rem 0}.nav{gap:1.5rem}.nav-link{font-size:.9rem}.header-content{padding:0 1.5rem}}.nav-overlay{position:fixed;top:0;left:0;width:calc(100vw - 320px);height:100vh;background:#00000080;z-index:99998}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 4rem;background:transparent;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.15) 0%,transparent 70%);animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,30px)}}@keyframes floatImage{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 40px #6366f199,0 0 80px #6366f166,0 0 120px #ec48994d}50%{box-shadow:0 0 60px #ec489999,0 0 100px #ec489966,0 0 140px #6366f14d}}.hero-content{max-width:1200px;display:flex;align-items:center;gap:4rem;position:relative;z-index:1}.hero-text{flex:1;text-align:left}.hero-image{width:280px;height:280px;flex-shrink:0;border-radius:50%;object-fit:cover;margin-bottom:2.5rem;border:4px solid rgba(99,102,241,.5);box-shadow:0 0 40px #6366f199,0 0 80px #6366f166,0 20px 60px #00000080;animation:fadeInUp .6s ease,floatImage 6s ease-in-out infinite,glow 4s ease-in-out infinite;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;transform-style:preserve-3d}.hero-image:active{transform:scale(1.05)}box-shadow: 0 0 60px rgba(99,102,241,.8),0 0 100px rgba(236,72,153,.6),0 0 140px rgba(139,92,246,.4); } .hero-title{font-size:4rem;font-weight:700;margin-bottom:.5rem;color:#fff;line-height:1.1;letter-spacing:-.02em;animation:fadeInUp .8s ease}.highlight{font-weight:700;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;font-weight:300;color:#666;margin-bottom:2rem;letter-spacing:.05em;text-transform:uppercase;animation:fadeInUp 1s ease}.hero-description{font-size:1.125rem;line-height:1.8;margin-bottom:3rem;color:#999;max-width:600px;animation:fadeInUp 1.2s ease}.hero-description-sub{font-size:.95rem;line-height:1.6;margin-top:-2rem;margin-bottom:3rem;color:#777;max-width:600px;font-style:italic;animation:fadeInUp 1.3s ease}.hero-actions{display:flex;gap:1.5rem;animation:fadeInUp 1.4s ease}.btn{padding:1rem 2rem;font-size:.95rem;font-weight:400;border-radius:2px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;letter-spacing:.02em;transform-style:preserve-3d}.btn-primary{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#fff;border:1px solid rgba(99,102,241,.4)}@media (hover: hover) and (pointer: fine){.btn-primary:hover,.btn-secondary:hover{background:linear-gradient(135deg,#6366f140,#8b5cf640);border-color:#6366f199;transform:translateY(-4px) translateZ(10px);box-shadow:0 10px 30px #6366f166}.hero-image:hover{transform:scale(1.15) translateZ(30px) rotateY(5deg);box-shadow:0 0 60px #6366f1cc,0 0 120px #ec489999,0 30px 90px #0009}}.btn-primary:active,.btn-secondary:active{transform:scale(.95);background:linear-gradient(135deg,#6366f140,#8b5cf640);box-shadow:0 4px 15px #6366f14d}.btn-secondary{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#fff;border:1px solid rgba(99,102,241,.4)}@media (max-width: 768px){.hero{perspective:none}.hero-image,.btn{transform-style:flat}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 968px){.hero{padding:6rem 2rem 4rem}.hero-content{flex-direction:column;gap:1.5rem;text-align:center}.hero-text{text-align:center}.hero-image{width:200px;height:200px}.hero-title{font-size:3.5rem}}@media (max-width: 768px){.hero{padding:7rem 2rem 4rem}.hero-image{width:180px;height:180px;margin-bottom:0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-description{font-size:.9rem}.hero-description-sub{font-size:.85rem}.hero-actions{flex-direction:column}.btn{text-align:center;padding:.875rem 1.75rem;font-size:.85rem}}.stats{padding:2rem;background:#ffffff08;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #1f26871a,inset 0 1px #ffffff0d}.stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem}.stat-item{text-align:center;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}@media (hover: hover) and (pointer: fine){.stat-item:hover{transform:translateY(-5px) scale(1.05)}.stat-item:hover .stat-number{text-shadow:0 0 30px rgba(99,102,241,.5)}}.stat-item:active{transform:scale(1.02)}@media (max-width: 768px){.stat-item{transform-style:flat}}.stat-number{font-size:3.5rem;font-weight:300;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 12px rgba(99,102,241,.3));transition:all .3s ease}.stat-label{font-size:.95rem;color:#999;text-transform:uppercase;letter-spacing:.1em;font-weight:400}@media (max-width: 768px){.stats{padding:3rem 1rem}.stats-container{grid-template-columns:repeat(3,1fr);gap:1rem}.stat-number{font-size:2rem}.stat-label{font-size:.7rem}}.skills{padding:8rem 2rem;background:transparent;position:relative;perspective:1000px}.skills-container{max-width:900px;margin:0 auto;padding:0 3rem}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem;padding:1rem}.skill-card{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:3rem 2rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-style:preserve-3d;box-shadow:0 8px 32px #1f268733,inset 0 1px #ffffff1a}@media (hover: hover) and (pointer: fine){.skill-card:hover{border-color:#6366f14d;transform:translateY(-12px) rotateX(5deg) scale(1.05);box-shadow:0 20px 60px #6366f14d,0 30px 80px #ec489933,inset 0 1px #fff3;background:#ffffff14}.skill-card:hover .skill-icon{transform:translateZ(20px) rotateY(10deg)}.skill-card:hover .skill-icon svg{opacity:1;transform:scale(1.2);filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(99,102,241,.6))}}.skill-card:active,.skill-card:focus-visible{border-color:#6366f166;transform:scale(.98);background:#ffffff14;box-shadow:0 12px 40px #6366f140,inset 0 1px #ffffff26}.skill-icon{width:60px;height:60px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.skill-icon svg{width:100%;height:100%;filter:brightness(0) invert(1);opacity:.9;transition:all .4s ease;transform-style:preserve-3d}@media (max-width: 768px){.skills{perspective:none}.skill-card{transform-style:flat;overflow:hidden}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0}.skill-card{padding:2rem 1rem}.skill-icon{width:45px;height:45px}}.skill-name{font-size:1.25rem;font-weight:400;color:#fff;margin-bottom:.75rem}.skill-level{display:inline-block;padding:.375rem .875rem;border-radius:2px;font-size:.8rem;font-weight:400;letter-spacing:.05em}.skill-level.expert{background:#6366f133;color:#8b8bff;border:1px solid rgba(99,102,241,.3)}.skill-level.advanced{background:#ec489933;color:#ff8bc0;border:1px solid rgba(236,72,153,.3)}.skill-level.intermediate{background:#8b5cf633;color:#b8a0ff;border:1px solid rgba(139,92,246,.3)}.additional-skills{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05)}.additional-title{font-size:1rem;font-weight:400;color:#666;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.1em}.skills-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.skill-tag{padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:#999;border-radius:2px;font-size:.9rem;transition:all .3s ease}.skill-tag:hover{border-color:#ffffff4d;color:#fff}@media (max-width: 968px){.skills{padding:6rem 1.5rem}.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.skills{padding:4rem 1rem}.section-title{font-size:2rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.skill-card{padding:1.5rem 1rem}.skill-icon{width:40px;height:40px;margin:0 auto 1rem}.skill-name{font-size:.95rem}.skill-level{font-size:.7rem;padding:.25rem .625rem}}.services{padding:4rem 2rem;background:transparent;position:relative;perspective:1200px}.services-container{max-width:1200px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem;padding:1rem}.service-card{background:#ffffff0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:3rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;text-align:center;transform-style:preserve-3d;box-shadow:0 8px 32px #1f268726,inset 0 1px #ffffff14}@media (hover: hover) and (pointer: fine){.service-card:hover{border-color:#6366f166;transform:translateY(-16px) translateZ(20px) rotateX(2deg);box-shadow:0 25px 70px #6366f140,0 35px 90px #ec489926,inset 0 1px #ffffff26;background:#ffffff12}.service-card:hover .service-icon{opacity:1;transform:translateZ(20px) scale(1.15) rotateY(10deg);filter:drop-shadow(0 0 15px rgba(99,102,241,.6))}}.service-card:active{transform:scale(.98);border-color:#6366f14d;background:#ffffff12}.service-icon{width:60px;height:60px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.9;transition:all .4s ease;transform-style:preserve-3d}.service-icon svg{width:100%;height:100%;transition:all .4s ease;transform-style:preserve-3d}@media (max-width: 768px){.services{perspective:none;padding:3rem 1rem}.services-grid{grid-template-columns:1fr;gap:1.5rem;padding:0}.service-card{padding:2rem 1.5rem;transform-style:flat;overflow:hidden}}.service-title{font-size:1.5rem;font-weight:400;color:#fff;margin-bottom:1rem;letter-spacing:-.01em}.service-description{color:#999;line-height:1.8;font-size:.95rem}.services-cta{text-align:center;padding-top:3rem;border-top:1px solid rgba(255,255,255,.05)}.services-cta p{color:#999;font-size:1.125rem;margin-bottom:1.5rem}.cta-button{display:inline-block;padding:1rem 2rem;background:#fff;color:#0a0a0a;text-decoration:none;border:1px solid #ffffff;border-radius:2px;font-size:.95rem;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.02em}.cta-button:hover{background:transparent;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.services{padding:4rem 1rem}.section-title{font-size:2rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:2.5rem 2rem}}.experience{padding:2rem 2rem 8rem;background:transparent;position:relative}.experience-container{max-width:1000px;margin:0 auto;position:relative;z-index:1}.section-header{display:flex;flex-direction:column;align-items:center;margin-bottom:5rem;gap:2rem}.section-title{font-size:2.5rem;font-weight:300;color:#fff;margin:0;letter-spacing:-.02em;text-align:center}.download-btn{padding:.875rem 1.75rem;background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#fff;border:1px solid rgba(99,102,241,.4);border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.01em;display:flex;align-items:center;justify-content:center;gap:.75rem;transform-style:preserve-3d}@media (max-width: 768px){.experience{perspective:none}.timeline-content{padding:2rem;transform-style:flat;overflow:hidden}}.timeline{position:relative;padding-left:0}.timeline:before{display:none}.timeline-item{position:relative;padding-bottom:2rem;margin-bottom:2rem}.timeline-marker{display:none}.timeline-content{background:#14141480;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:3rem;border-radius:0;border:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;transform-style:preserve-3d;box-shadow:0 10px 40px #0003,inset 0 1px #ffffff0d}@media (hover: hover) and (pointer: fine){.timeline-content:hover{border-color:#6366f14d;transform:translate(8px) translateZ(10px);box-shadow:0 20px 60px #6366f133,inset 0 1px #ffffff1a;background:#141414b3}.download-btn:hover{background:linear-gradient(135deg,#6366f140,#8b5cf640);border-color:#6366f199;transform:translateY(-4px) scale(1.05);box-shadow:0 10px 30px #6366f166}}.timeline-content:active{transform:scale(.99);border-color:#6366f133}.download-btn:active{transform:scale(.97);background:linear-gradient(135deg,#6366f140,#8b5cf640)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:2rem}.title-wrapper{flex:1;min-width:0;display:flex;flex-direction:column}.experience-title{font-size:1.5rem;font-weight:400;color:#fff;margin:0;letter-spacing:-.01em}.experience-period{color:#666;font-weight:400;font-size:.95rem;white-space:nowrap}.experience-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0;text-align:right}.experience-location{color:#888;font-weight:400;font-size:.9rem;white-space:nowrap;display:flex;align-items:center;gap:.4rem}.experience-location svg{flex-shrink:0}.company-link{display:flex;align-items:flex-start;gap:1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1;min-width:0}.company-link:hover{transform:translate(4px)}.company-link:hover .experience-company{color:#fff}.company-logo-wrapper{width:48px;height:48px;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 8px #0000001a;margin-top:.1rem}.company-logo-img{width:100%;height:100%;object-fit:cover}.company-logo-initial{color:#6366f1;font-size:1.5rem;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid rgba(99,102,241,.3)}.company-link:hover .company-logo-wrapper,.company-link:hover .company-logo{box-shadow:0 4px 12px #6366f14d}.experience-company{color:#999;font-size:1.125rem;font-weight:400;margin:0;transition:color .3s cubic-bezier(.4,0,.2,1)}.experience-description{color:#999;line-height:1.8;margin-bottom:1.5rem;font-size:.95rem}.achievement-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.achievement-list li{padding:0;padding-left:1.25rem;position:relative;color:#999;font-size:.95rem;line-height:1.6}.achievement-list li:before{content:"—";position:absolute;left:0;color:#666;font-weight:400}@media (max-width: 768px){.experience{padding:4rem 1rem}.section-title{font-size:1.75rem;text-align:center}.section-header{flex-direction:column;align-items:center}.download-btn{width:100%}.timeline{padding-left:0}.timeline-content{padding:1.5rem}.company-link{display:flex;flex-direction:row;align-items:flex-start;gap:.75rem;margin-bottom:1rem;text-decoration:none}.company-logo-wrapper{width:48px;height:48px;flex-shrink:0}.company-link:hover{transform:none}.experience-header{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.5rem;width:100%}.title-wrapper{width:100%;text-align:left}.experience-title{font-size:1rem;font-weight:500;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3;margin-bottom:.25rem}.experience-company{font-size:.9rem;margin:0}.experience-meta{flex-direction:column;align-items:flex-start;gap:.15rem;width:100%}.experience-period{white-space:normal;text-align:left;font-size:.8rem}.experience-period:after{content:none}.experience-location{white-space:normal;text-align:left;font-size:.8rem}.experience-description{font-size:.85rem;line-height:1.6;margin-top:.75rem}.achievement-list li{font-size:.85rem}}.blog{padding:4rem 2rem;background:transparent;position:relative;overflow:hidden}.blog:before{content:"";position:absolute;top:10%;right:-5%;width:400px;height:400px;border:1px solid rgba(255,255,255,.03);border-radius:50%;animation:rotate 30s linear infinite}.blog:after{content:"";position:absolute;bottom:20%;left:-10%;width:300px;height:300px;border:1px solid rgba(255,255,255,.03);transform:rotate(45deg);animation:rotate 40s linear infinite reverse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.section-subtitle{text-align:center;color:#999;font-size:1rem;font-weight:400;margin-bottom:4rem}.tag-filter{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:4rem}.tag-btn{padding:.625rem 1.25rem;border:1px solid rgba(99,102,241,.3);background:#6366f10d;color:#fff;border-radius:6px;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.01em;transform-style:preserve-3d}@media (hover: hover) and (pointer: fine){.tag-btn:hover{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:#6366f180;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #6366f14d}}.tag-btn:active{transform:scale(.95)}.tag-btn.active{background:linear-gradient(135deg,#6366f140,#8b5cf640);color:#fff;border-color:#6366f199;box-shadow:0 6px 20px #6366f14d;font-weight:500;transform:translateY(-2px) scale(1.05)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;padding:1rem}.blog-card{background:#0f0f0f99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:0;padding:2.5rem;border:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;transform-style:preserve-3d;box-shadow:0 10px 40px #0000004d,inset 0 1px #ffffff0d}@media (hover: hover) and (pointer: fine){.blog-card:hover{border-color:#8b5cf64d;transform:translateY(-12px) scale(1.02) rotateX(2deg);box-shadow:0 20px 60px #8b5cf640,0 30px 80px #6366f126,inset 0 1px #ffffff1a;background:#0f0f0fcc}.blog-card:hover:before{opacity:1}}.blog-card:active{transform:scale(.98);border-color:#8b5cf640}.blog-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.blog-date{color:#666;font-size:.85rem;font-weight:400}.read-time{color:#666;font-size:.85rem}.blog-title{font-size:1.5rem;font-weight:400;color:#fff;margin-bottom:1rem;line-height:1.4;letter-spacing:-.01em}.blog-excerpt{color:#999;line-height:1.8;margin-bottom:1.5rem;font-size:.95rem}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{background:transparent;color:#999;padding:.375rem .875rem;border:1px solid rgba(255,255,255,.1);border-radius:2px;font-size:.8rem;font-weight:400}.read-more{background:none;border:none;color:#fff;font-size:.95rem;font-weight:400;cursor:pointer;transition:all .3s ease;padding:0;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;display:inline-block}.read-more:hover{text-decoration-thickness:2px}.no-posts{text-align:center;padding:4rem 2rem;color:#999;font-size:1.1rem}@media (max-width: 768px){.blog{padding:4rem 1rem}.section-title{font-size:2rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem;padding:0}.blog-card{padding:1.5rem;overflow:hidden}}.contact{padding:8rem 2rem;background:transparent;position:relative;perspective:1500px}.contact:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(255,255,255,.01) 40px,rgba(255,255,255,.01) 41px);pointer-events:none}.contact-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-title{font-size:2.5rem;font-weight:300;color:#fff;text-align:center;margin-bottom:1rem;letter-spacing:-.02em}.section-subtitle{text-align:center;color:#999;font-size:1rem;font-weight:400;margin-bottom:3rem}.contact-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:4rem;align-items:start}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem}.contact-info{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;justify-items:center}.contact-info-section{margin-top:4rem;padding-top:4rem;border-top:1px solid rgba(255,255,255,.05)}.info-item{display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}@media (max-width: 768px){.contact{perspective:none;padding:4rem 1rem}.info-item,.social-link,.calendly-button,.submit-btn{transform-style:flat}.contact-main-grid,.contact-info{grid-template-columns:1fr}}.info-icon{min-width:32px;opacity:.7;display:flex;align-items:center;justify-content:center}.info-icon svg{width:20px;height:20px}.info-item h3{font-size:.75rem;font-weight:500;color:#666;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.1em}.info-item p{color:#fff;margin:0;font-size:.95rem}.calendly-wrapper{background:#0f0f0f80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.2);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;gap:1.25rem;height:100%;box-shadow:0 8px 32px #1f268726,inset 0 1px #ffffff0d}.calendly-header{text-align:left}.calendly-title{font-size:1.25rem;font-weight:400;color:#fff;margin:0 0 .5rem;letter-spacing:-.01em}.calendly-subtitle{color:#999;font-size:.9rem;margin:0;line-height:1.5}.calendly-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#fff;border:1px solid rgba(99,102,241,.4);border-radius:6px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.01em;width:100%;transform-style:preserve-3d}.calendly-button:active{transform:translateY(0)}.schedule-call-section{margin-top:.5rem;margin-bottom:2rem}.schedule-title{font-size:.75rem;font-weight:500;color:#666;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.1em}.social-section{margin-top:3rem;text-align:center}.social-title{font-size:.75rem;font-weight:500;color:#666;margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:.1em}.social-links{display:flex;gap:.75rem;justify-content:center}.social-link{padding:.625rem;background:transparent;color:#fff;text-decoration:none;border:1px solid #333;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.social-link svg{width:20px;height:20px}.social-link:hover{border-color:#fff;background:#ffffff1a;transform:translateY(-4px) scale(1.1);box-shadow:0 8px 20px #6366f14d}.contact-form{background:repeating-linear-gradient(90deg,#14141480,#14141480 2px,#0f0f0f80 2px,#0f0f0f80 4px);padding:1.5rem;border-radius:0;border:1px solid rgba(255,255,255,.05);position:relative;height:100%;display:flex;flex-direction:column}.contact-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#ec4899,#8b5cf6)}.form-group{margin-bottom:1rem}.form-group:last-of-type{flex-grow:1;display:flex;flex-direction:column}.form-group:last-of-type textarea{flex-grow:1}.form-group label{display:block;margin-bottom:.5rem;color:#fff;font-weight:400;font-size:.95rem;letter-spacing:.01em}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #333;border-radius:2px;font-size:.95rem;font-family:inherit;transition:all .3s ease;background:#0000004d;color:#fff;transform-style:preserve-3d}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6366f199;background:#00000080;box-shadow:0 4px 16px #6366f133;transform:translateY(-2px)}.form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.submit-btn{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#fff;border:1px solid rgba(99,102,241,.4);border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.01em;margin-top:.75rem;transform-style:preserve-3d}.form-message{padding:1rem;border-radius:4px;margin-bottom:2rem;font-weight:400;font-size:.9rem}.form-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.form-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.form-group input:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-btn:disabled:hover{background:#fff;color:#0a0a0a;transform:none}@media (max-width: 768px){.contact{padding:4rem 1rem}.section-title{font-size:2rem}.contact-main-grid{grid-template-columns:1fr;gap:2rem}.calendly-wrapper,.contact-info-section{padding:2rem 1.5rem}.contact-info{grid-template-columns:1fr;gap:1.5rem;justify-items:start}.contact-form{padding:2rem}}@media (max-width: 968px){.contact-main-grid{grid-template-columns:1fr;gap:2rem}.contact-info{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr;gap:2rem}.social-links{flex-wrap:wrap}}@media (max-width: 768px){.contact{padding:4rem 1rem}.section-title{font-size:1.75rem}.contact-main-grid{grid-template-columns:1fr;gap:2rem}.calendly-wrapper,.contact-info-section{padding:2rem 1.5rem}.contact-info{grid-template-columns:1fr;gap:1.5rem}.section-subtitle{font-size:.9rem}.contact-form{padding:1.5rem}.social-section{display:flex;flex-direction:column;align-items:center;width:100%}.social-title{text-align:center;width:100%}.social-links{justify-content:center;width:100%}.contact-info{align-items:flex-start}.info-item{justify-content:flex-start}.info-item h3{font-size:.7rem}.info-item p,.form-group label{font-size:.85rem}.form-group input,.form-group textarea{font-size:.85rem;padding:.875rem}}.footer{background:transparent;color:#fff;padding:3rem 2rem;text-align:center}.footer-content p{margin:.5rem 0;font-size:.9rem;font-weight:300;letter-spacing:.02em}.footer-subtitle{color:#666;font-size:.85rem;font-weight:300}.dashboard-flex-layout{display:flex;gap:2.5rem;margin-bottom:2.5rem;align-items:flex-start}.dashboard-chart-row{display:flex;gap:2.5rem;margin-bottom:2.5rem;align-items:stretch}.chart-card-pie{flex:0 0 42%;min-width:320px;height:420px;display:flex;flex-direction:column;padding:2.5rem;background:#14141499;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.12);border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;transition:all .4s cubic-bezier(.4,0,.2,1)}.chart-card-pie .chart-container{justify-content:center;align-items:center}.chart-card-bar{flex:1 1 0;height:420px;display:flex;flex-direction:column;padding:2.5rem;background:#14141499;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.12);border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;transition:all .4s cubic-bezier(.4,0,.2,1)}.chart-card-pie h3,.chart-card-bar h3{font-size:1.4rem;margin-bottom:1.5rem;color:#fff;font-weight:500;letter-spacing:-.01em}@media (hover: hover) and (pointer: fine){.chart-card-pie:hover,.chart-card-bar:hover{transform:translateY(-4px);border-color:#6366f140;box-shadow:0 16px 48px #6366f126,0 0 32px #6366f114,inset 0 1px #ffffff1a}}.dashboard-card .chart-container{flex:1 1 auto;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e0e0e099;gap:1rem}.chart-placeholder .placeholder-text{color:#e0e0e0b3;font-size:.95rem;font-weight:500}.chart-placeholder .spinner{width:48px;height:48px;border-radius:50%;border:3px solid rgba(99,102,241,.15);border-top-color:#6366f1;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chart-container canvas{max-width:100%!important;max-height:100%!important}.dashboard-table-section{margin-top:2rem}.table-title{font-size:1.75rem;color:#fff;margin-bottom:1.5rem;font-weight:500;letter-spacing:-.01em}.table-container{background:#14141499;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.12);border-radius:20px;padding:2.5rem;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.page-views-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.page-views-table thead{border-bottom:2px solid rgba(99,102,241,.2)}.page-views-table th{text-align:left;padding:1rem 1.25rem;color:#e0e0e0b3;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.page-views-table td{padding:1.25rem;color:#e0e0e0;border-bottom:1px solid rgba(99,102,241,.08);font-size:.95rem}.page-views-table tbody tr{transition:all .2s ease}@media (hover: hover) and (pointer: fine){.page-views-table tbody tr:hover{background:#6366f114}}.source-badge{display:inline-block;padding:.4rem .9rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:20px;color:#a5b4fc;font-size:.8rem;font-weight:500;text-transform:capitalize;transition:all .2s ease}.source-badge:hover{background:#6366f140;border-color:#6366f180}.referrer-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referrer-link{color:#6366f1;text-decoration:none;transition:color .2s;font-weight:500}@media (hover: hover) and (pointer: fine){.referrer-link:hover{color:#818cf8;text-decoration:underline}}.direct-label{color:#e0e0e080;font-style:italic}.table-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;gap:1rem;flex-wrap:wrap}.rows-per-page{display:flex;align-items:center;gap:.5rem}.rows-per-page label{color:#e0e0e0b3;font-size:.9rem;font-weight:500}.rows-per-page select{background:#0a0a0a99;color:#e0e0e0;border:1px solid rgba(99,102,241,.3);border-radius:8px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:all .2s ease}.rows-per-page select:hover{border-color:#6366f180;background:#0a0a0acc}.pagination-info{color:#e0e0e0b3;font-size:.9rem;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:1rem}.pagination-controls button{background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3);border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}@media (hover: hover) and (pointer: fine){.pagination-controls button:hover:not(:disabled){background:#6366f140;border-color:#6366f180;transform:translateY(-1px)}}.pagination-controls button:disabled{opacity:.3;cursor:not-allowed}.pagination-controls span{color:#e0e0e0;font-size:.9rem;font-weight:500}} .dashboard-card .chart-container{flex:1 1 auto;width:100%;height:100%}@media (max-width: 980px){.dashboard-chart-row{flex-direction:column}.chart-card-pie,.chart-card-bar{flex:1 1 auto;min-width:0;width:100%;height:350px}}@media (max-width: 640px){.dashboard-container{padding:0 .8rem}.section-title{font-size:1.3rem;margin-bottom:.3rem}.section-subtitle{font-size:.8rem;margin-bottom:1rem}.dashboard-kpis{grid-template-columns:1fr!important;gap:.6rem;margin-bottom:1rem}.dashboard-kpis.social-metrics{grid-template-columns:repeat(2,1fr)!important;margin-bottom:1rem}.kpi-card{padding:.5rem .7rem}.kpi-label{font-size:.65rem;margin-bottom:.15rem}.kpi-value{font-size:.85rem}.dashboard-chart-row{gap:.8rem;margin-bottom:1rem}.chart-card-pie{height:280px;padding:.8rem}.chart-card-bar{height:220px;padding:.8rem}.chart-card-pie h3,.chart-card-bar h3{font-size:.85rem;margin-bottom:.4rem}.table-container{padding:.8rem}.page-views-table{font-size:.7rem}.page-views-table th:nth-child(4),.page-views-table td:nth-child(4),.page-views-table th:nth-child(5),.page-views-table td:nth-child(5){display:none}.page-views-table th,.page-views-table td{padding:.5rem .3rem}.table-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.section-title{font-size:1.1rem}.kpi-label{font-size:.6rem}.kpi-value{font-size:.8rem}.chart-card-pie{height:260px;padding:.6rem}.chart-card-bar{height:200px;padding:.6rem}.chart-card-pie h3,.chart-card-bar h3{font-size:.75rem}}.dashboard-row{display:flex;gap:2.5rem;margin-bottom:2.5rem;justify-content:space-between}.dashboard-card-large{flex:1 1 0;min-width:0;max-width:33%;padding:2.5rem 1.5rem;height:340px;display:flex;flex-direction:column;align-items:flex-start}.dashboard-card-large h3{font-size:1.3rem;margin-bottom:1rem;color:#c084fc}.dashboard{padding:6rem 0 4rem;min-height:100vh;background:transparent;position:relative}.dashboard-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:1}.section-title{font-size:3rem;font-weight:300;margin-bottom:.5rem;color:#fff;letter-spacing:-.02em;text-align:center;text-shadow:0 0 40px rgba(99,102,241,.3),0 4px 8px rgba(0,0,0,.3)}.section-subtitle{font-size:1.1rem;color:#e0e0e0b3;margin-bottom:3rem;text-align:center;font-weight:300}.dashboard-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.dashboard-kpis.social-metrics{grid-template-columns:repeat(6,1fr)}.kpi-card{background:#14141499;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.15);border-radius:16px;padding:1.75rem 2rem;display:flex;flex-direction:column;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f199,#8b5cf699,#ec489999);opacity:0;transition:opacity .4s ease}.kpi-card:hover{transform:translateY(-4px) scale(1.02);border-color:#6366f14d;box-shadow:0 12px 48px #6366f133,0 0 24px #6366f11a,inset 0 1px #ffffff1a}.kpi-card:hover:before{opacity:1}.kpi-label{color:#e0e0e0b3;font-size:.85rem;margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;word-wrap:break-word;overflow-wrap:break-word}.kpi-value{color:#fff;font-size:2.25rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#e0e0e0e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 980px){.dashboard-kpis{grid-template-columns:1fr}.dashboard-kpis.social-metrics{grid-template-columns:repeat(3,1fr)}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.dashboard-card{background:#14141499;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.12);border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;padding:2.5rem 2rem;min-height:220px;display:flex;flex-direction:column;align-items:flex-start;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dashboard-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.6) 50%,transparent 100%);opacity:0;transition:opacity .4s ease}@media (hover: hover) and (pointer: fine){.dashboard-card:hover{transform:translateY(-4px) scale(1.01);border-color:#6366f140;box-shadow:0 16px 48px #6366f126,0 0 32px #6366f114,inset 0 1px #ffffff1a}.dashboard-card:hover:after{opacity:1}}.dashboard-card h3{font-size:1.4rem;margin-bottom:1.5rem;color:#fff;font-weight:500;letter-spacing:-.01em}font-weight: 600; } .dashboard-chart-placeholder{background:#18122b;border-radius:12px;width:100%;height:120px;display:flex;align-items:center;justify-content:center;color:#ded0b6;font-size:1rem}