*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{background:#050507;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;overflow-x:hidden;min-height:100vh;position:relative;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shine{0%{left:-100%}to{left:100%}}@keyframes slideInLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 4px 20px #0003,inset 0 1px 1px #ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s ease}.glass:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d,0 0 20px #00f6ff1a}@media(max-width:768px){.glass{border-radius:12px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.glass:hover{transform:translateY(-3px)}}.gradient-text{background:linear-gradient(90deg,#00f6ff,#7f5cff);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 200%;animation:gradient 3s ease infinite}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:50px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;border:none;cursor:pointer;justify-content:center;-webkit-tap-highlight-color:transparent}.btn-primary{background:linear-gradient(90deg,#00f6ff,#7f5cff);color:#000}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00f6ff4d}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26;transform:translateY(-3px)}@media(max-width:768px){.btn{padding:12px 24px;font-size:.9rem;width:100%}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#ffffffe6;font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.95rem;outline:none;transition:all .3s ease;font-family:inherit;-webkit-appearance:none;appearance:none}.form-group input:focus,.form-group textarea:focus{border-color:#00f6ff;box-shadow:0 0 0 2px #00f6ff1a}.form-group textarea{min-height:120px;resize:vertical}@media(max-width:768px){.form-group{margin-bottom:16px}.form-group label{font-size:.9rem;margin-bottom:6px}.form-group input,.form-group textarea{padding:12px 14px;font-size:.9rem}input,textarea{font-size:16px!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#00f6ff,#7f5cff);border-radius:3px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}@media(max-width:768px){.mb-20{margin-bottom:16px}.mb-30{margin-bottom:24px}.mb-40{margin-bottom:32px}.mb-50{margin-bottom:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(hover:none)and (pointer:coarse){.glass:hover,.btn:hover,a:hover{transform:none}}@supports (-webkit-touch-callout: none){input,textarea{font-size:16px!important}.glass{-webkit-backdrop-filter:blur(10px)}}@supports (background: -webkit-named-image(i)){.glass{-webkit-backdrop-filter:blur(10px)}}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #00f6ff;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.loading-spinner{width:30px;height:30px;border-width:2px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:#00f6ff4d;color:#fff}::-moz-selection{background:#00f6ff4d;color:#fff}:focus-visible{outline:2px solid #00f6ff;outline-offset:2px}img{max-width:100%;height:auto;display:block}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{font-size:clamp(.95rem,2vw,1.1rem)}@media(max-width:768px){h1{font-size:clamp(1.8rem,6vw,2.5rem)}h2{font-size:clamp(1.5rem,5vw,2rem)}h3{font-size:clamp(1.3rem,4vw,1.6rem)}p{font-size:clamp(.9rem,3vw,1rem)}}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:1fr}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr);gap:30px}}.grid-3{grid-template-columns:1fr}@media(min-width:768px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}section{padding:60px 5%}@media(min-width:768px){section{padding:80px 8%}}@media(min-width:1024px){section{padding:100px 10%}}.card{border-radius:16px;padding:25px;transition:all .3s ease}.card:hover{transform:translateY(-8px)}@media(max-width:768px){.card{padding:20px;border-radius:12px}.card:hover{transform:translateY(-5px)}}.social-links{display:flex;gap:12px;flex-wrap:wrap}.social-link{width:45px;height:45px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#00f6ff1a;transform:translateY(-3px);border-color:#00f6ff}@media(max-width:768px){.social-link{width:40px;height:40px;border-radius:8px}}.skill-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin:8px 0 16px}.skill-progress{height:100%;background:linear-gradient(90deg,#00f6ff,#7f5cff);border-radius:3px;transition:width 1s ease}@media(max-width:768px){.skill-bar{height:5px;margin:6px 0 12px}}.project-card{border-radius:16px;overflow:hidden;transition:all .3s ease}.project-card:hover{transform:translateY(-8px) scale(1.01)}.project-image{height:180px;background:linear-gradient(45deg,#00f6ff33,#7f5cff33);position:relative;overflow:hidden}.project-content{padding:20px}@media(max-width:768px){.project-card:hover{transform:translateY(-5px) scale(1.005)}.project-image{height:150px}.project-content{padding:16px}}.footer{text-align:center;padding:30px 20px;color:#ffffff80;font-size:.85rem;border-top:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.footer{padding:20px 15px;font-size:.8rem}}@media print{.floating-element,.nav-dots,.social-links,.btn,.hero-particles{display:none!important}body{background:#fff!important;color:#000!important}.glass{background:#fff!important;border:1px solid #ddd!important;box-shadow:none!important;backdrop-filter:none!important}}@media(prefers-contrast:high){.glass{border:2px solid rgba(255,255,255,.3)}.btn{border:2px solid currentColor}}@viewport{width:device-width;zoom:1}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}::placeholder{color:#fff6;opacity:1}:-ms-input-placeholder{color:#fff6}::-ms-input-placeholder{color:#fff6}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-content{position:relative;z-index:2}.hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.three-scene{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}@media(max-width:768px){body{overflow-x:hidden;width:100%}button,a,.btn,.social-link,.form-group input,.form-group textarea{min-height:44px;min-width:44px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.glass{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}section{padding:40px 5%}.hero-particles{display:none}}@media(min-width:769px)and (max-width:1024px){section{padding:60px 8%}.glass{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@supports not (backdrop-filter: blur(10px)){.glass{background:#050507e6}}body{font-display:swap}.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:1px 5000px}.optimize-performance{will-change:transform,opacity}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}.hero-section{position:relative;overflow:hidden}.hero-section h1{font-size:clamp(2rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:20px}.hero-section h1 span{display:inline-block!important}.hero-section .gradient-text{background:linear-gradient(90deg,#00f6ff,#7f5cff,#ff2e63);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 200%;animation:gradient 3s ease infinite}.professional-links{width:100%;overflow:visible}.professional-links a{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 15px;border-radius:12px;text-decoration:none;transition:all .3s ease}.professional-links a:hover{transform:translateY(-5px)}@media(max-width:768px){.hero-section{min-height:100vh;display:flex;align-items:center;padding:20px}.hero-section h1{font-size:2rem;text-align:center}.hero-section p{font-size:1rem;text-align:center}.contact-info-grid{grid-template-columns:1fr!important;gap:12px!important}.professional-links{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.professional-links a{padding:15px 12px;min-height:110px}.hero-particles{display:none}}@media(max-width:480px){.hero-section h1{font-size:1.8rem}.professional-links{grid-template-columns:1fr!important}.cta-buttons{flex-direction:column}.cta-buttons a{width:100%;text-align:center}}@supports (-webkit-touch-callout: none){.hero-section .gradient-text{-webkit-background-clip:text!important;background-clip:text!important}}.hero-section a,.hero-section button{-webkit-tap-highlight-color:transparent;user-select:none}@media(prefers-reduced-motion:reduce){.hero-section *,.hero-section *:before,.hero-section *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hero-section{-webkit-overflow-scrolling:touch}.hero-section h1,.hero-section h2,.hero-section h3,.hero-section p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media(prefers-reduced-data:reduce){.hero-particles{display:none}}@-moz-document url-prefix(){.hero-section .gradient-text{background:linear-gradient(90deg,#00f6ff,#7f5cff);background-clip:text}}