:root{--bg-primary: #050505;--bg-surface: rgba(255, 255, 255, .04);--bg-surface-hover: rgba(255, 255, 255, .07);--border-subtle: rgba(255, 255, 255, .08);--border-focus: rgba(0, 102, 204, .5);--accent-from: #0066CC;--accent-to: #3b9eff;--gradient-accent: linear-gradient(135deg, #0066CC, #3b9eff);--accent-ai: #10B981;--text-primary: #F9FAFB;--text-secondary: #6B7280;--text-tertiary: #374151;--glass-bg: rgba(255, 255, 255, .04);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-blur: blur(24px);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--hover-lift: translateY(-4px);--hover-glow: 0 0 0 1px rgba(0, 102, 204, .4), 0 16px 40px rgba(0, 102, 204, .12);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--section-padding-y: clamp(5rem, 10vw, 8rem);--container-max: 1400px;--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--grid-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpath d='M56 0H0V56' fill='none' stroke='rgba(255,255,255,0.09)' stroke-width='1'/%3E%3Ccircle cx='0' cy='0' r='2' fill='rgba(255,255,255,0.45)'/%3E%3C/svg%3E")}.bg-grid{background-size:cover,56px 56px;background-position:0 0,0 0;animation:body-grid-drift 12s linear infinite}@media (prefers-reduced-motion: reduce){.bg-grid{animation:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-x:clip;overscroll-behavior-y:none}body{font-family:var(--font-sans);background-color:#0a3350;color:var(--text-primary);line-height:1.6;overflow-x:hidden;overflow-x:clip;min-height:100vh}.page-backdrop{position:fixed;inset:0;z-index:-2;pointer-events:none;background-color:#0a3350;background-image:linear-gradient(165deg,#1c6f95,#0a3350 65%),var(--grid-pattern);background-size:cover,56px 56px;background-position:0 0,0 0;animation:body-grid-drift 12s linear infinite}@keyframes body-grid-drift{to{background-position:0 0,56px 56px}}@keyframes grid-drift-solo{to{background-position:56px 56px}}@media (prefers-reduced-motion: reduce){.page-backdrop{animation:none}}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary)}.aurora-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.aurora-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.07;animation:aurora-drift 25s ease-in-out infinite;will-change:transform}.aurora-orb-1{width:700px;height:700px;background:#06c;top:-20%;left:-15%;animation-duration:30s}.aurora-orb-2{width:500px;height:500px;background:#3b9eff;bottom:-15%;right:-10%;animation-duration:25s;animation-direction:reverse}.aurora-orb-3{width:400px;height:400px;background:#06c;top:45%;left:55%;animation-duration:35s;animation-delay:-8s;opacity:.04}@keyframes aurora-drift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(60px,-40px) scale(1.05)}50%{transform:translate(30px,80px) scale(.95)}75%{transform:translate(-60px,30px) scale(1.03)}}.scanline-overlay{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.scanline-overlay:before{content:"";position:absolute;left:0;right:0;height:140px;background:linear-gradient(180deg,transparent,rgba(0,212,255,.07),transparent);animation:page-scanline-sweep 5.5s ease-in-out infinite}@keyframes page-scanline-sweep{0%{transform:translateY(-20vh)}to{transform:translateY(120vh)}}@media (prefers-reduced-motion: reduce){.scanline-overlay:before{animation:none;opacity:0}}.noise-overlay{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px}.circuit-parallax{position:fixed;inset:-20% 0;z-index:-1;pointer-events:none}.circuit-layer{position:absolute;inset:0;background-repeat:repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cpath d='M14 14 H70 V70 H126' fill='none' stroke='%237cc8ff' stroke-width='1.4'/%3E%3Cpath d='M126 14 V56 H84' fill='none' stroke='%237cc8ff' stroke-width='1.4'/%3E%3Cpath d='M14 98 H42 V126' fill='none' stroke='%237cc8ff' stroke-width='1.4'/%3E%3Ccircle cx='14' cy='14' r='2.4' fill='%237cc8ff'/%3E%3Ccircle cx='70' cy='70' r='2.4' fill='%237cc8ff'/%3E%3Ccircle cx='126' cy='14' r='2' fill='%237cc8ff'/%3E%3Ccircle cx='84' cy='56' r='2' fill='%237cc8ff'/%3E%3Ccircle cx='14' cy='98' r='2' fill='%237cc8ff'/%3E%3Ccircle cx='42' cy='126' r='2' fill='%237cc8ff'/%3E%3C/svg%3E");will-change:transform}.circuit-layer-1{background-size:340px 340px;opacity:.05}.circuit-layer-2{background-size:210px 210px;opacity:.08}.circuit-layer-3{background-size:130px 130px;opacity:.12}@media (prefers-reduced-motion: reduce){.circuit-layer{transform:none!important}}@media (hover: none) and (pointer: coarse){.aurora-orb,.page-backdrop,.bg-grid,.scanline-overlay:before{animation:none}.aurora-orb,.circuit-layer{will-change:auto}}.text-gradient{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-eyebrow{display:block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-from);margin-bottom:.75rem}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:clamp(1rem,4vw,3rem)}:focus-visible{outline:2px solid var(--accent-from);outline-offset:3px;border-radius:4px}.reveal{opacity:0;transform:translateY(32px)}@media (hover: hover) and (pointer: fine){*,*:before,*:after{cursor:none!important}}#header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.header-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;max-width:var(--container-max);margin-inline:auto;padding:1.5rem clamp(1rem,2vw,1.5rem);transition:padding var(--transition-base)}.logoPagina a{display:flex;align-items:center;text-decoration:none}.logoPagina img{width:clamp(48px,7vw,64px);height:auto;filter:brightness(0) invert(1);transition:opacity var(--transition-base)}.logoPagina img:hover{opacity:.7}.nav-link{font-size:.9375rem;font-weight:500;color:#ffffffb8;text-decoration:none;position:relative;padding:.25rem 0;transition:color var(--transition-base);letter-spacing:.01em}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--gradient-accent);border-radius:1px;transition:width var(--transition-base)}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:hover:after,.nav-link.active:after{width:100%}#header-buttons{display:flex;align-items:center;gap:.75rem}.header-cta{display:none;align-items:center;background:var(--accent-from);color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;border-radius:var(--radius-full);text-decoration:none;letter-spacing:.01em;transition:opacity var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);white-space:nowrap}.header-cta:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 6px 20px #06c6}@media (min-width: 1200px){.header-cta{display:inline-flex}}.menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-surface);border:var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);transition:background var(--transition-base),border-color var(--transition-base)}.menu-btn:hover{background:var(--bg-surface-hover);border-color:#ffffff26}.menu-bars{position:relative;width:20px;height:14px}.menu-bars span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .3s ease,opacity .2s ease}.menu-bars span:nth-child(1){top:0}.menu-bars span:nth-child(2){top:6px}.menu-bars span:nth-child(3){top:12px}.menu-btn.active .menu-bars span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-btn.active .menu-bars span:nth-child(2){opacity:0}.menu-btn.active .menu-bars span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width: 1199px){#main-nav{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2rem,6vh,3.5rem);background-image:radial-gradient(ellipse at 50% 30%,#1c6f95,#061a2c),var(--grid-pattern);background-size:cover,56px 56px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#main-nav.open{opacity:1;visibility:visible}#main-nav ul{list-style:none;display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,4vh,2.5rem)}#main-nav .nav-link{display:flex;align-items:baseline;font-size:clamp(1.75rem,7vw,2.5rem);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .4s ease}#main-nav.open .nav-link{opacity:1;transform:none}#main-nav.open li:nth-child(1) .nav-link{transition-delay:.08s}#main-nav.open li:nth-child(2) .nav-link{transition-delay:.14s}#main-nav.open li:nth-child(3) .nav-link{transition-delay:.2s}#main-nav .nav-link:after{display:none}#main-nav .nav-link.active{color:#fff;padding-left:1rem}#main-nav .nav-link.active:before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:4px;border-radius:2px;background:var(--gradient-accent)}.nav-cta{display:inline-flex;align-items:center;background:var(--accent-from);color:#fff;font-size:1rem;font-weight:600;padding:.8rem 2rem;border-radius:var(--radius-full);text-decoration:none;box-shadow:0 10px 30px -10px #06cc;opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .4s ease}#main-nav.open .nav-cta{opacity:1;transform:none;transition-delay:.28s}}@media (min-width: 1200px){#main-nav{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffff14;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-full);padding:.6rem .5rem;box-shadow:0 8px 32px #0000002e}#main-nav ul{list-style:none;display:flex;gap:clamp(.25rem,1vw,.5rem)}#main-nav .nav-link{padding:.5rem 1.1rem;border-radius:var(--radius-full)}#main-nav .nav-link:after{display:none}#main-nav .nav-link:hover,#main-nav .nav-link.active{background:#ffffff1f}.menu-btn,.nav-cta{display:none}}main{display:flex;flex-direction:column;align-items:stretch}#about{min-height:calc(var(--stable-vh, 1vh) * 260)}.hero-card{position:fixed;inset:-12% -5% -1%;z-index:-1;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-radius:0 0 80px 80px;background-image:radial-gradient(ellipse at 50% 40%,#1c6f95,#0a3350),var(--grid-pattern);background-size:cover,56px 56px;background-position:0 0,0 0;animation:body-grid-drift 12s linear infinite;border:1px solid rgba(255,255,255,.14);box-shadow:0 60px 120px -20px #000000a6;will-change:transform}.hero-inner{position:relative;z-index:1;width:100%;max-width:min(var(--container-max),calc(100vw - (2*clamp(1rem,4vw,3rem))));margin-inline:auto;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-text{display:flex;flex-direction:column;align-items:center;text-align:center}@media (max-width: 999px){.hero-card{justify-content:flex-start;bottom:-96px}.hero-inner{padding-top:27dvh}}@media (max-width: 600px){.hero-inner{padding-top:23dvh}}@media (min-width: 1000px){.hero-inner{align-items:flex-start;text-align:left}.hero-text{align-items:flex-start;text-align:left;max-width:45%}}.hero-visual{position:fixed;inset:-12% -5% -35%;z-index:5;pointer-events:none;will-change:transform}.hero-character{position:fixed;inset:-12% -5% -35%;z-index:6;pointer-events:none}.hero-visual canvas,.hero-character canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .6s ease}.hero-visual.is-loaded canvas,.hero-character.is-loaded canvas{opacity:1}.hero-visual-loader{position:absolute;inset:0 0 23%;margin:auto;width:36px;height:36px;border-radius:50%;border:3px solid rgba(5,5,5,.1);border-top-color:var(--accent-from);animation:hero-visual-spin .8s linear infinite;pointer-events:none;transition:opacity .3s ease}.hero-visual.is-loaded .hero-visual-loader{opacity:0}@keyframes hero-visual-spin{to{transform:rotate(360deg)}}#info{width:100%}#info h2{font-size:clamp(2.75rem,7vw,5rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:.9rem;color:var(--text-primary)}.hero-role-badge{display:inline-block;background:#fff;color:var(--accent-from);font-weight:700;font-size:.9375rem;letter-spacing:.02em;padding:.4rem 1rem;border-radius:var(--radius-sm);transform:rotate(-2deg)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;animation:scroll-bounce 2.5s ease-in-out infinite;pointer-events:none}@keyframes scroll-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}#footer{padding:4rem 0 calc(2rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-subtle);background:#040e188c;position:relative;overflow:hidden}@media (hover: none) and (pointer: coarse){#footer{padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))}}.footer-container{max-width:var(--container-max);margin-inline:auto;padding-inline:clamp(1rem,4vw,3rem)}.footer-content{display:grid;grid-template-columns:1fr;gap:2.5rem;margin-bottom:3rem}.footer-logo{margin-bottom:1rem}.footer-logo .logo{width:clamp(48px,8vw,64px);height:auto;filter:brightness(0) invert(1);opacity:.7}.footer-tagline{font-size:.9rem;color:var(--text-secondary);line-height:1.6;max-width:280px;margin-bottom:1.5rem}.footer-social{display:flex;gap:.625rem}.social-link{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-surface);border:var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base),background var(--transition-base),border-color var(--transition-base)}.footer-section h4{font-size:.8125rem;font-weight:600;color:var(--text-primary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.25rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.625rem}.footer-links a{font-size:.9rem;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base)}.footer-links a:hover{color:var(--text-primary)}.contact-info{display:flex;flex-direction:column;gap:.75rem}.contact-item{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:var(--text-secondary)}.contact-item svg{color:var(--text-tertiary);flex-shrink:0}.footer-divider{height:1px;background:var(--border-subtle);margin-bottom:1.5rem}.bottom-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.bottom-content p{font-size:.8125rem;color:var(--text-secondary)}.bottom-credit{order:3}@media (min-width: 640px){.bottom-content{flex-wrap:nowrap}.bottom-content p:first-child{flex:1}.bottom-credit{flex:1;text-align:right}}.back-to-top{order:2;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--bg-surface);border:var(--glass-border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.back-to-top:hover{background:var(--bg-surface-hover);border-color:#fff3;transform:translateY(-3px)}@media (min-width: 640px){.footer-content{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.footer-content{grid-template-columns:1.4fr 1fr;gap:4rem}.bottom-content{flex-wrap:nowrap}}.footer-section{opacity:0;transform:translateY(24px)}#about-me{min-height:calc(var(--stable-vh, 1vh) * 500);position:relative}#about-callouts{position:fixed;inset:0;z-index:7;pointer-events:none}.about-callout{position:absolute;top:0;left:0;width:0;height:0;will-change:transform}.callout-dot{position:absolute;top:0;left:0;width:8px;height:8px;border-radius:50%;background:#4fc3ff;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #4fc3ff38,0 0 10px #4fc3ffcc;opacity:0}.callout-line{position:absolute;top:0;left:0;height:1px;background:linear-gradient(90deg,#4fc3ff,transparent);transform-origin:0 50%;opacity:0}.callout-label{position:absolute;top:0;left:0;min-width:170px;max-width:220px;padding:.7rem .9rem;border-radius:var(--radius-md);background:#0a28428c;border:1px solid rgba(255,255,255,.4);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow),0 0 20px #4fc3ff1f;opacity:0}.callout-eyebrow{display:block;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6ecbff;margin-bottom:.3rem}.callout-label p{font-size:.82rem;color:var(--text-primary);line-height:1.4}.about-callout[data-anchor=head] .callout-line{width:175px;transform:rotate(-166.8deg)}.about-callout[data-anchor=head] .callout-label{transform:translate(-170px,-40px) translate(-100%,-50%)}.about-callout[data-anchor=elbow-left] .callout-line{width:194px;transform:rotate(-168.1deg)}.about-callout[data-anchor=elbow-left] .callout-label{transform:translate(-190px,-40px) translate(-100%,-50%)}.about-callout[data-anchor=elbow-right] .callout-line{width:194px;transform:rotate(-11.9deg)}.about-callout[data-anchor=elbow-right] .callout-label{transform:translate(190px,-40px) translateY(-50%)}.about-callout[data-anchor=leg-left] .callout-line{width:246px;transform:rotate(153.4deg)}.about-callout[data-anchor=leg-left] .callout-label{transform:translate(-220px,110px) translate(-100%,-50%)}.about-callout[data-anchor=leg-right] .callout-line{width:246px;transform:rotate(26.6deg)}.about-callout[data-anchor=leg-right] .callout-label{transform:translate(220px,110px) translateY(-50%)}.about-callout[data-anchor=hip] .callout-line{width:173px;transform:rotate(10deg)}.about-callout[data-anchor=hip] .callout-label{transform:translate(170px,30px) translateY(-50%)}@media (max-width: 999px){.about-callout{position:absolute;top:auto;left:clamp(1rem,5vw,2rem);right:clamp(1rem,5vw,2rem);bottom:clamp(1.5rem,5vh,3rem);width:auto;height:auto}.callout-dot,.callout-line{display:none}.about-callout[data-anchor] .callout-label{position:static;min-width:0;max-width:none;padding:1rem 1.15rem;transform:none;transition:opacity .35s ease}.callout-eyebrow{font-size:.75rem}.callout-label p{font-size:.95rem}}.about-counter{position:absolute;top:0;left:0;width:0;height:0;opacity:0;will-change:transform,opacity;text-align:center}.about-counter .counter-value{display:block;transform:translate(-50%);min-width:90px;padding:.3rem .9rem;border-radius:var(--radius-sm);background:#04141abf;border:1px solid rgba(0,212,255,.5);box-shadow:0 0 16px #00d4ff59;font-family:Courier New,ui-monospace,monospace;font-size:1.1rem;font-weight:700;letter-spacing:.05em;color:#00d4ff;text-shadow:0 0 8px rgba(0,212,255,.7)}.about-counter .counter-label{display:block;transform:translate(-50%);margin-top:.35rem;font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#00d4ffbf}#proyectos{padding:var(--section-padding-y) clamp(1rem,4vw,3rem);position:relative;z-index:10}.projects-header{text-align:center;margin-bottom:clamp(.5rem,1.5vw,1rem);max-width:var(--container-max);margin-inline:auto}.projects-header h2{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.03em;margin-bottom:.9rem;color:var(--text-primary)}.projects-badge{display:inline-block;background:var(--gradient-accent);color:#fff;font-weight:700;font-size:.9375rem;letter-spacing:.02em;padding:.4rem 1rem;border-radius:var(--radius-sm);transform:rotate(-2deg);margin-bottom:1.25rem}.projects-scene{position:relative;max-width:780px;margin-inline:auto}.projects-character{position:absolute;right:-22%;bottom:-22%;width:min(30vw,420px);aspect-ratio:3 / 4;pointer-events:none}#projects-canvas{width:100%;height:100%;display:block}@media (max-width: 1199px){.projects-character{display:none}}.laptop-wrap{max-width:780px;width:100%;margin-inline:auto;padding-top:clamp(1rem,4vw,2rem);perspective:1800px}@media (max-width: 999px){.laptop-wrap{max-width:600px}}.laptop{width:100%}.laptop-screen{position:relative;width:100%;aspect-ratio:16 / 10.5;background:#1c1c1e;border:10px solid #1c1c1e;border-radius:16px 16px 4px 4px;overflow:hidden;overscroll-behavior:contain;transform-origin:bottom center;box-shadow:0 50px 100px -30px #05050566}.laptop-base{width:112%;margin-left:-6%;height:16px;background:linear-gradient(#e4e4e7,#c3c3c8);border-radius:0 0 12px 12px;position:relative;box-shadow:0 10px 20px -8px #0505054d}.laptop-notch{position:absolute;left:50%;top:0;transform:translate(-50%);width:90px;height:7px;background:#a9a9ad;border-radius:0 0 8px 8px}.browser-ui{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;opacity:0}.browser-tabs{display:flex;gap:2px;padding:.5rem .5rem 0;background:#e9e9eb;flex-shrink:0;overflow-x:auto;overscroll-behavior:contain}.browser-tab{display:flex;align-items:center;gap:.4rem;border:none;background:#d8d8db;color:#4b5563;font-family:inherit;font-size:.6875rem;font-weight:500;padding:.5rem .85rem;border-radius:8px 8px 0 0;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--transition-base),color var(--transition-base)}.browser-tab .tab-dot{width:6px;height:6px;border-radius:50%;background:#9ca3af;flex-shrink:0}.browser-tab.is-active{background:#fff;color:#111}.browser-tab.is-active .tab-dot{background:var(--accent-from)}.browser-tab:hover:not(.is-active){background:#cfcfd3}.browser-address{display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem;background:#fff;border-bottom:1px solid rgba(5,5,5,.08);flex-shrink:0}.browser-address-url{font-size:.75rem;color:#374151;background:#0505050a;border-radius:var(--radius-full);padding:.3rem .9rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-panels{position:relative;flex:1;overflow:hidden}.browser-panel{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.browser-panel.is-active{opacity:1;pointer-events:auto}.browser-panel iframe{width:100%;height:100%;border:0;transform-origin:0 0;background:#fff}.projects-cards{display:none}@media (max-width: 899px){.projects-cards{display:grid;gap:1.25rem;max-width:560px;margin-inline:auto;padding-top:clamp(1rem,4vw,2rem)}.project-card-m{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.pcm-media{aspect-ratio:16 / 9;background:#ffffff0a;border-bottom:var(--glass-border)}.pcm-media img{width:100%;height:100%;object-fit:cover;display:block}.pcm-media--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0066cc38,#3b9eff14);color:#ffffff73}.pcm-media--placeholder svg{width:44px;height:44px}.pcm-body{padding:1.1rem 1.15rem 1.25rem}.pcm-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.pcm-head h3{font-size:1.125rem;font-weight:700;letter-spacing:-.01em}.pcm-badge{flex-shrink:0;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#cfe8ff;background:#0066cc47;border:1px solid rgba(120,190,255,.28);border-radius:var(--radius-full);padding:.2rem .6rem}.pcm-desc{font-size:.9375rem;line-height:1.55;color:#ffffffb8}.pcm-tech{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.85rem}.pcm-tech li{font-size:.75rem;font-weight:500;color:#ffffff9e;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-sm);padding:.22rem .55rem}.pcm-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.05rem;min-height:44px;padding:.6rem 1.15rem;background:var(--accent-from);color:#fff;font-size:.9375rem;font-weight:600;text-decoration:none;border-radius:var(--radius-full)}.pcm-link svg{width:14px;height:14px}}@media (max-width: 899px){.projects-scene{display:none}}.panel-locked{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;padding:2rem;color:#6b7280}.panel-locked p{font-size:.875rem;max-width:260px}.panel-locked a{font-size:.8125rem;font-weight:600;color:var(--accent-from);text-decoration:none}.panel-locked a:hover{text-decoration:underline}#contact{padding:var(--section-padding-y) clamp(1rem,4vw,3rem);position:relative;z-index:10}.contact-container{max-width:var(--container-max);margin-inline:auto}.contact-header{text-align:center;margin-bottom:clamp(3rem,6vw,5rem)}.contact-header h2{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem}.contact-subtitle{font-size:clamp(1rem,2vw,1.125rem);color:var(--text-secondary);max-width:500px;margin-inline:auto}.contact-content{display:grid;grid-template-columns:1fr;gap:2rem}.phone-wrap{display:flex;justify-content:center;perspective:1400px}.phone{position:relative;width:clamp(220px,26vw,300px);aspect-ratio:9 / 19.5;transform-style:preserve-3d;will-change:transform}.phone:before{content:"";position:absolute;inset:-12px;border-radius:46px;background:linear-gradient(155deg,#1c1c1e,#0a0a0c);box-shadow:0 50px 100px -30px #020810b3,0 0 0 1px #ffffff0f;transform:translateZ(-1px)}.phone-notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:34%;height:22px;background:#0a0a0c;border-radius:999px;z-index:2}.phone-screen{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,rgba(79,195,255,.16),transparent 60%),linear-gradient(175deg,#0d3252,#061a2c);box-shadow:inset 0 0 0 2px #ffffff0d}.phone-app{height:100%;display:flex;flex-direction:column;padding:2.6rem 1rem 1.2rem}.phone-app-header{text-align:center;margin-bottom:1rem;flex-shrink:0}.phone-app-time{display:block;font-size:.7rem;font-weight:600;color:#ffffff80;margin-bottom:.6rem}.phone-app-header h4{font-size:1.1rem;font-weight:800;color:var(--text-primary)}.phone-contact-list{display:flex;flex-direction:column;gap:.85rem;overflow-y:auto}.phone-contact-item{display:flex;align-items:flex-start;gap:.9rem;padding:1.05rem;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:background var(--transition-base),border-color var(--transition-base)}a.phone-contact-item:hover{background:#4fc3ff1f;border-color:#4fc3ff59}.phone-contact-icon{flex-shrink:0;width:42px;height:42px;border-radius:var(--radius-sm);background:#4fc3ff24;border:1px solid rgba(79,195,255,.3);display:flex;align-items:center;justify-content:center;color:#6ecbff}.phone-contact-icon svg{width:22px;height:22px}.phone-contact-text{min-width:0}.phone-contact-text h5{font-size:.92rem;font-weight:700;color:#fff;margin-bottom:.25rem}.phone-contact-text p{font-size:.82rem;color:#b9dcff;line-height:1.4;overflow-wrap:anywhere}.phone-contact-item--social .social-links{margin-top:.5rem}.social-links{display:flex;gap:.5rem}.social-link{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-surface);border:var(--glass-border);display:flex;align-items:center;justify-content:center;color:#b9dcff;text-decoration:none;transition:color var(--transition-base),background var(--transition-base),border-color var(--transition-base)}.social-link:hover{color:var(--text-primary);background:var(--bg-surface-hover);border-color:#ffffff26}.contact-form-container{background:linear-gradient(155deg,#1d6ca58c,#082036b8);border:1px solid rgba(79,195,255,.28);border-radius:28px 28px 28px 6px;padding:clamp(1.5rem,3vw,2.5rem);position:relative;box-shadow:0 30px 70px -25px #020a1499,inset 0 1px #ffffff14}.contact-form-container:after{content:"";position:absolute;left:-9px;bottom:22px;width:20px;height:20px;background:#0b2a44;border-left:1px solid rgba(79,195,255,.28);border-bottom:1px solid rgba(79,195,255,.28);clip-path:polygon(100% 0,100% 100%,0 100%);border-bottom-left-radius:4px}.form-bubble-badge{display:inline-flex;align-items:center;gap:.4rem;background:#4fc3ff24;border:1px solid rgba(79,195,255,.35);color:#6ecbff;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.35rem .8rem;border-radius:var(--radius-full);margin-bottom:1.1rem}.form-bubble-badge svg{flex-shrink:0}.form-header{margin-bottom:1.75rem}.form-header h3{font-size:clamp(1.25rem,3vw,1.625rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem;color:#fff}.form-header p{font-size:.875rem;color:#b9dcff}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-group{position:relative}.form-input{width:100%;box-sizing:border-box;padding:.875rem 1.125rem;background:#ffffff17;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-md);color:#fff;font-family:var(--font-sans);font-size:.9375rem;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.form-input:focus{outline:none;background:#ffffff21;border-color:#6ecbff;box-shadow:0 0 0 3px #4fc3ff2e}.form-input::placeholder{color:#ffffff80}textarea.form-input{resize:vertical;min-height:120px;font-family:var(--font-sans)}.submit-btn{background:var(--gradient-accent);color:#fff;border:none;padding:.875rem 2rem;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.9375rem;font-weight:600;cursor:pointer;transition:opacity var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);letter-spacing:.01em}.submit-btn:hover{opacity:.92;transform:translateY(-2px);box-shadow:0 8px 24px #0066cc59}.success-message{background:#10b9810f;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);padding:1.25rem;text-align:center;color:var(--accent-ai);font-size:.9375rem;font-weight:500;margin-top:1rem;display:none}.success-message.show{display:block;animation:fade-up .4s ease}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 900px){.contact-content{grid-template-columns:minmax(260px,320px) 1fr;gap:3rem;align-items:center}}@media (max-width: 899px){.form-input{font-size:16px}.phone-wrap{display:block;perspective:none}.phone{width:100%;aspect-ratio:auto;transform-style:flat;transform:none!important}.phone:before,.phone-notch{display:none}.phone-screen{height:auto;border-radius:0;overflow:visible;background:none;box-shadow:none}.phone-app{height:auto;padding:0}.phone-app-header{display:none}.phone-contact-list{overflow:visible;gap:.75rem}.phone-contact-text p{font-size:.9rem;overflow-wrap:break-word}}.page-loader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;overflow:hidden;background-color:#0a3350;background-image:linear-gradient(165deg,#1c6f95,#0a3350 65%);transition:opacity .6s ease,filter .6s ease}.page-loader.is-done{opacity:0;filter:blur(6px);pointer-events:none}.page-loader-grid{position:absolute;inset:-56px;background-image:var(--grid-pattern);background-size:56px 56px;animation:page-loader-drift 12s linear infinite;opacity:.7}@keyframes page-loader-drift{to{transform:translate(56px,56px)}}.page-loader-scanline{position:absolute;left:0;right:0;height:140px;background:linear-gradient(180deg,transparent,rgba(0,212,255,.14),transparent);animation:page-loader-scan 3.2s ease-in-out infinite;pointer-events:none}@keyframes page-loader-scan{0%{transform:translateY(-20vh)}to{transform:translateY(120vh)}}.page-loader-core{position:relative;width:120px;height:120px;display:grid;place-items:center}.page-loader-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#00d4ff24;stroke-width:2}.ring-progress{fill:none;stroke:#00d4ff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;filter:drop-shadow(0 0 6px rgba(0,212,255,.75));transition:stroke-dashoffset .1s linear}.ring-bracket{fill:none;stroke:#00d4ff8c;stroke-width:1.5;animation:page-loader-pulse 2.4s ease-in-out infinite}.bracket-tr{animation-delay:.2s}.bracket-br{animation-delay:.4s}.bracket-bl{animation-delay:.6s}@keyframes page-loader-pulse{0%,to{opacity:.4}50%{opacity:1}}.page-loader-mark{font-family:Courier New,ui-monospace,monospace;font-size:1.6rem;font-weight:700;letter-spacing:.06em;color:#eafcff;text-shadow:0 0 12px rgba(0,212,255,.85),0 0 32px rgba(0,212,255,.4);animation:page-loader-flicker 3.6s ease-in-out infinite}@keyframes page-loader-flicker{0%,92%,to{opacity:1}94%{opacity:.55}96%{opacity:1}98%{opacity:.7}}.page-loader-status{display:flex;flex-direction:column;align-items:center;gap:.5rem}.page-loader-percent{font-family:Courier New,ui-monospace,monospace;font-size:1.4rem;font-weight:700;letter-spacing:.05em;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.7);min-width:4ch}.page-loader-label{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#eafcff99;transition:opacity .22s ease}@media (max-width: 640px){.page-loader-core{width:96px;height:96px}.page-loader-mark{font-size:1.3rem}}