*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden}.hero{width:100%;height:100vh;position:relative;overflow:hidden;font-family:Orbitron,monospace}.hero.dark{background:radial-gradient(circle at top,#0c0f14,#050608);color:#eaeaea}.hero.light{background:#e0f2fe;color:#111}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.hero.light:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:60px;align-items:center;height:100%;padding:0 100px;position:relative;z-index:1}.hero-right{display:flex;flex-direction:column;gap:6px}.sys-init{font-weight:700;display:block;letter-spacing:2px;font-size:.9rem;font-family:Inter,Montserrat,sans-serif}.sys-init.dark,.sys-init.light{color:#3b82f6}.hero-container{margin:20px 0;text-align:left}.hero-title{font-family:Inter,Montserrat,sans-serif;font-weight:900;font-size:4rem;line-height:1.1;letter-spacing:-2px;text-transform:uppercase}.hero-title.dark{color:#fff}.hero-title.light{color:#1a1a1a}.hero-accent{color:#4a90e2;display:block}@media(max-width:768px){.hero-title{font-size:2.5rem;letter-spacing:-1px}}.terminal{max-width:600px;height:260px;background:#0b0d10f2;border-radius:10px;border:1px solid rgba(59,130,246,.25);box-shadow:0 0 60px #3b82f640;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;display:flex;flex-direction:column}.terminal-header{display:flex;gap:6px;padding:8px 12px;background:#0f1115;border-bottom:1px solid rgba(255,255,255,.08)}.terminal-title{margin-left:auto;font-size:10px;opacity:.6}.terminal-body{padding:14px;font-size:12px;line-height:1.6;color:#d1d5db}.cursor{animation:blink 1s infinite;opacity:.8}.sys-status{font-size:10px;letter-spacing:2px;font-weight:600;color:#579a5b}.sys-status .online{color:#22c55e;font-weight:600}.description{max-width:420px;font-family:Inter,sans-serif;font-size:14px;line-height:1.7;color:#bdbdbd}.description.light{color:#4b5563}.social-icons{display:flex;gap:18px;margin-top:24px}.social-icons a{font-size:1.4rem;color:#5da9ff;padding:10px;border-radius:50%;border:1px solid rgba(93,169,255,.35);background:#ffffff08;transition:all .35s ease;display:flex;align-items:center;justify-content:center}.social-icons a:hover{color:#fff;box-shadow:0 0 15px #5da9ffcc,inset 0 0 10px #5da9ff66;transform:translateY(-3px) scale(1.08)}.hero-left{display:flex;justify-content:center}.profile-card{position:relative;width:340px;aspect-ratio:3 / 4;background:#f9f9f9;border-radius:6px;overflow:hidden;box-shadow:0 30px 80px #2563eb40;transition:transform .4s ease}.profile-card:hover{transform:translateY(-6px)}.profile-card:after{content:"";position:absolute;left:0;top:-120%;width:100%;height:120%;background:linear-gradient(to bottom,transparent 0%,rgba(66,151,235,.35) 50%,transparent 100%);animation:scanBeam 3.5s linear infinite;z-index:3;pointer-events:none;box-shadow:0 0 25px #2563eb66}@keyframes scanBeam{to{top:120%}}.profile-image{width:100%;height:100%;object-fit:contain;filter:grayscale(90%) contrast(110%);transition:filter .5s ease}.profile-image:hover{filter:grayscale(0%)}.corner{position:absolute;width:18px;height:18px;border:2px solid #2563eb;z-index:2}.top-left{top:10px;left:10px;border-right:none;border-bottom:none}.top-right{top:10px;right:10px;border-left:none;border-bottom:none}.bottom-left{bottom:10px;left:10px;border-right:none;border-top:none}.bottom-right{bottom:10px;right:10px;border-left:none;border-top:none}.verified-badge{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:6px;background:#111;color:#fff;font-size:11px;padding:6px 10px;z-index:3}.badge-dot{font-size:20px;color:#22c55e}.location-coords{position:absolute;top:25.1rem;left:14px;display:flex;align-items:center;gap:6px;background:#90909040;color:#626060;font-size:11px;padding:6px 10px;z-index:3}.double-spinner{position:absolute;width:28px;height:28px;top:26.1rem;right:50px;gap:6px;z-index:20}.spinner{position:absolute;inset:0;border-radius:50%;border-style:solid;border-color:transparent}.spinner.outer{border-width:3px;border-top-color:#aaa;animation:spinClockwise 1.2s linear infinite}.spinner.inner{inset:8px;border-width:3px;border-bottom-color:#918888;animation:spinAnti .8s linear infinite}@keyframes spinClockwise{to{transform:rotate(360deg)}}@keyframes spinAnti{to{transform:rotate(-360deg)}}.side-label{position:absolute;top:0;right:-6px;height:100%;writing-mode:vertical-rl;transform:rotate(180deg);background:#2563eb;color:#fff;font-size:20px;letter-spacing:5px;padding:16px 10px;z-index:10}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;padding:40px;text-align:center}.hero-right{align-items:left}.terminal{margin:0 auto}}@media(max-width:600px){.hero-title{font-size:36px}.profile-card{width:280px}}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}@media(max-width:768px){.hero{height:auto;min-height:100vh;padding:40px 0}.hero-grid{grid-template-columns:1fr;padding:20px;gap:40px}.hero-right{text-align:left}.social-icons{justify-content:center}.sys-init{justify-content:center;font-size:10px}.hero-title{font-size:38px;line-height:1.2}.terminal{width:100%;max-width:100%}.terminal-body{font-size:11px;text-align:left}.description{font-size:13px;max-width:100%;padding:0 10px;text-align:center}.sys-status{text-align:center}.hero-left{margin-top:20px}}@media(max-width:480px){.hero-title{font-size:32px}.profile-card{width:260px}.side-label{display:none}.terminal-body{font-size:10.5px}}.button-group{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap;justify-content:flex-start}.button-group button{font-family:Orbitron,monospace;font-weight:700;font-size:12px;letter-spacing:1px;padding:10px 18px;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .3s ease;outline:none}.init-button{background:#2563eb;color:#fff;border:1px solid #2563eb}.init-button:hover{background:transparent;color:#2563eb;box-shadow:0 0 10px #2563eb,0 0 20px #2563eb}.contact-button{background:#111;color:#22c55e;border:1px solid #22c55e}.contact-button:hover{background:#22c55e;color:#111;box-shadow:0 0 10px #22c55e,0 0 20px #22c55e}@media(max-width:768px){.button-group{justify-content:center}}.hero.light .button-group .init-button{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.hero.light .button-group .init-button:hover{background:transparent;color:#3b82f6;box-shadow:0 0 10px #3b82f6,0 0 20px #3b82f6}.hero.light .button-group .contact-button{background:#e5e7eb;color:#16a34a;border:1px solid #16a34a}.hero.light .button-group .contact-button:hover{background:#16a34a;color:#fff;box-shadow:0 0 10px #16a34a,0 0 20px #16a34a}.hero.dark .button-group .init-button{background:#2563eb;color:#fff;border:1px solid #2563eb}.hero.dark .button-group .init-button:hover{background:transparent;color:#2563eb;box-shadow:0 0 10px #2563eb,0 0 20px #2563eb}.hero.dark .button-group .contact-button{background:#111;color:#22c55e;border:1px solid #22c55e}.hero.dark .button-group .contact-button:hover{background:#22c55e;color:#111;box-shadow:0 0 10px #22c55e,0 0 20px #22c55e}@media(max-width:768px){.location-coords{top:280px;left:15px;width:150px;height:50px;margin:0 auto auto 0;z-index:23}.double-spinner{top:300px;right:15px;margin:auto 0 auto auto;width:30px;height:30px;z-index:22}.profile-card{position:relative;background:#fff}}.hero{display:flex;flex-direction:column}.hero-grid{flex:1}.looptext{width:100%;overflow:hidden;margin-top:30px;padding-bottom:20px}body{padding-top:72px}.navbar.sys-navbar{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:1000;padding:0 24px;font-family:Orbitron,monospace;transition:background .4s ease,color .4s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.navbar.sys-navbar.dark{background:linear-gradient(180deg,#0b0f0c,#050705);border-bottom:1px solid rgba(0,255,120,.15);color:#e6e6e6}.navbar.sys-navbar.light{background:#e0f2fe;border-bottom:1px solid rgba(0,0,0,.15);color:#111}.nav-left{display:flex;align-items:center;gap:12px;color:#069b49}.pulse{animation:pulse 1.5s infinite;font-size:15px}.radio{font-size:15px;color:#00cc5c}.stable-text,.status-text{font-size:11px;letter-spacing:2px;font-weight:700}.stable-text{opacity:.8}.status-text{opacity:.6}.nav-center{text-align:center}.nav-center h6{font-size:14px;letter-spacing:1.5px}.nav-center p{font-size:10px;letter-spacing:2px;opacity:.5}.nav-right{display:flex;justify-content:flex-end;align-items:center;gap:14px}.icon-box{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);cursor:pointer}.clock{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:15px;font-weight:700;border:1px solid rgba(0,150,255,.35);color:#4da6ff}.shield{font-size:10px}.sub-menu{position:fixed;top:72px;left:0;width:100%;z-index:999;display:flex;justify-content:center;transition:color .4s ease}.sub-menu.dark{color:#e6e6e6}.sub-menu.light{color:#000}.menu-list{display:flex;gap:22px;padding:10px 28px;margin-top:10px;border-radius:20px;letter-spacing:2px;font-weight:600;font-size:9.8px;transition:background .4s ease,box-shadow .4s ease}.menu-list.dark{background:#000000d1;box-shadow:0 0 15px #6fd4f65d}.menu-list.light{background:#ffffffcd;box-shadow:0 0 15px #0078ff33}.menu-list li{cursor:pointer;list-style:none}.menu-list.light li:hover{color:#1319dc}.menu-list.dark li:hover{color:#fa0}.theme-toggle{position:relative;overflow:hidden}.theme-icon.spin{animation:spinToggle .6s cubic-bezier(.4,0,.2,1);font-size:16px}.theme-toggle.sun .theme-icon{color:#ffd369;filter:drop-shadow(0 0 10px rgba(255,211,105,.9))}.theme-toggle.moon .theme-icon{color:#4da6ff;filter:drop-shadow(0 0 10px rgba(77,166,255,.9))}.theme-toggle:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.4),transparent 70%);opacity:0;transform:scale(.4)}.theme-toggle:active:after{opacity:1;transform:scale(1.4)}@keyframes pulse{0%{opacity:.3;text-shadow:0 0 4px rgba(0,255,115,.3),0 0 8px rgba(0,255,115,.15)}50%{opacity:1;text-shadow:0 0 6px rgba(0,255,115,.9),0 0 14px rgba(0,255,115,.5)}to{opacity:.3;text-shadow:0 0 4px rgba(0,255,115,.3),0 0 8px rgba(0,255,115,.15)}}@media(max-width:1024px){body{padding-top:64px}.navbar.sys-navbar{grid-template-columns:auto 1fr;height:64px}.nav-left{display:none}}@media(max-width:768px){body{padding-top:60px}.navbar.sys-navbar{height:60px}.icon-box{width:30px;height:30px}.clock{font-size:10px}}@media(max-width:480px){body{padding-top:56px}.navbar.sys-navbar{height:56px}.nav-center{text-align:center}.nav-center h6{font-size:10px;letter-spacing:1.5px}.sub-menu{top:56px}.nav-center p{font-size:8px;letter-spacing:2px;opacity:.5}.menu-list{display:flex}}.loading-screen{position:fixed;inset:0;background:radial-gradient(circle at top,#0c0f14,#050608);display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace;z-index:9999;overflow:hidden}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;animation:gridMove 8s linear infinite}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(40px)}}.dots{display:inline-flex;margin-left:4px}.dot{font-weight:inherit}.loader-content{position:relative;z-index:2;text-align:center;color:#eaeaea}.sys-tag{font-size:12px;letter-spacing:2px;color:#4ade80;opacity:.8}.loader-text{font-size:clamp(28px,4vw,48px);font-weight:700;margin:16px 0;color:#60a5fa}.cursor{animation:blink 1s steps(2) infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.progress-bar{width:260px;height:6px;background:#ffffff14;border-radius:4px;overflow:hidden;margin:20px auto 10px}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#3b82f6,#22c55e);animation:load 5s ease-in-out infinite}@keyframes load{0%{width:0%}50%{width:70%}to{width:100%}}.loader-subtext{font-size:13px;opacity:.6;letter-spacing:1px}.logs__container{min-height:100vh;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:100px 6%;background:#090b0f;color:#f3f4f6;font-family:Inter,system-ui,sans-serif;align-items:center;position:relative}.logs__container:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.logs__container.light:before{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px)}.logs__container>*{position:relative;z-index:1}.logs__left{display:flex;flex-direction:column}.logs__tag{font-weight:700;display:block;color:#3b82f6;font-family:Inter,Montserrat,sans-serif;margin-bottom:1rem;letter-spacing:2px;font-size:.9rem}.logs__title{font-size:clamp(40px,5vw,72px);font-weight:850;line-height:1.1;letter-spacing:-.04em;margin-bottom:30px}.logs__title-accent{background:linear-gradient(135deg,#3b82f6,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logs__role{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#1e293b66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:14px;width:fit-content;margin-bottom:30px}.logs__stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.logs__stack span{font-size:12px;padding:6px 14px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#9ca3af}.logs__right{display:flex;flex-direction:column;gap:24px}.logs__assignment{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);padding:24px;border-radius:20px}.logs__status{font-size:13px;color:#4ade80;font-weight:600;display:flex;align-items:center;gap:8px}.logs__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.logs__card:first-child{grid-column:span 2}.logs__card{padding:28px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.logs__card:hover{background:#ffffff0a;border-color:#3b82f64d;transform:translateY(-5px)}.logs__card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.logs__card-header h4{margin:0;font-size:16px;font-weight:600;line-height:1}.logs__icon{font-size:18px;color:#3b82f6;flex-shrink:0}.logs__kpi{margin-top:20px;display:inline-block;padding:4px 12px;background:#3b82f61a;color:#60a5fa;border-radius:8px;font-size:12px;font-weight:700}@media(max-width:1100px){.logs__container{grid-template-columns:1fr;padding:80px 5%}}@media(max-width:640px){.logs__cards{grid-template-columns:1fr}.logs__card:first-child{grid-column:span 1}}.workflow__container.dark-theme{--wf-bg: #090b0f;--wf-grid: rgba(59, 130, 246, .05);--wf-text-main: #ffffff;--wf-text-muted: #94a3b8;--wf-accent: #3b82f6;--wf-accent-glow: rgba(59, 130, 246, .4);--wf-card-bg: rgba(13, 17, 23, .7);--wf-card-border: rgba(59, 130, 246, .15);--wf-secondary: #00d2ff;--wf-status: #22c55e}.workflow__container.light-theme{--wf-bg: #e0f2fe;--wf-grid: rgba(148, 163, 184, .1);--wf-text-main: #1e293b;--wf-text-muted: #64748b;--wf-accent: #2563eb;--wf-accent-glow: rgba(37, 99, 235, .1);--wf-card-bg: #ffffff;--wf-card-border: rgba(37, 99, 235, .1);--wf-secondary: #0ea5e9;--wf-status: #16a34a}.workflow__container{display:flex;flex-wrap:wrap;gap:3rem;padding:5rem 6%;font-family:Inter,Montserrat,sans-serif;color:var(--wf-text-muted);background-color:var(--wf-bg);background-image:linear-gradient(var(--wf-grid) 1px,transparent 1px),linear-gradient(90deg,var(--wf-grid) 1px,transparent 1px);background-size:40px 40px;min-height:100vh}.workflow__left{flex:1 1 350px;position:sticky;top:5rem;height:fit-content}.workflow__tag{color:var(--wf-accent);font-weight:700;display:block;margin-bottom:1rem;letter-spacing:2px;font-size:.9rem}.workflow__title{font-family:Inter,Montserrat,sans-serif;font-weight:900;font-size:3rem;line-height:1.1;letter-spacing:-2px;color:#fff;text-transform:uppercase;text-align:left;margin:0 0 1.5rem}.workflow__title.light-theme{color:#000}.workflow__title-accent{color:#4a90e2;display:block}@media(max-width:768px){.workflow__title{font-size:2.2rem;letter-spacing:-1px}}.workflow__intro{color:var(--wf-text-muted);margin-bottom:2rem}.workflow__status{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--wf-status)}.status__dot{width:8px;height:8px;background-color:var(--wf-status);border-radius:50%;box-shadow:0 0 8px var(--wf-status)}.workflow__right{flex:2 1 500px}.workflow__card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.workflow__card{position:relative;background:var(--wf-card-bg);border:1px solid var(--wf-card-border);padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.light-theme .workflow__card{box-shadow:0 10px 15px -3px #0000000d}.workflow__card:hover{transform:translateY(-8px);border-color:var(--wf-accent);box-shadow:0 10px 30px #0003,0 0 15px var(--wf-accent-glow)}.card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card__step-num{font-size:.7rem;color:var(--wf-accent);border:1px solid var(--wf-accent);padding:4px 10px;letter-spacing:1px}.card__icon{color:var(--wf-secondary);font-size:1.4rem;filter:drop-shadow(0 0 8px rgba(0,210,255,.4))}.card__title{color:var(--wf-text-main);font-size:1.25rem;margin-bottom:.75rem;font-weight:600}.card__desc{color:var(--wf-text-muted);font-size:.9rem;line-height:1.6}.card__corner-accent{position:absolute;bottom:0;right:0;width:15px;height:15px;border-right:2px solid var(--wf-accent);border-bottom:2px solid var(--wf-accent);opacity:.3;transition:.3s}.workflow__card:hover .card__corner-accent{opacity:1;width:25px;height:25px}@media(max-width:1024px){.workflow__left{position:static;flex:1 1 100%}}.ping-wrapper{min-height:100vh;background:#090b0f;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;color:#eaeaea;padding:100px 80px}.ping-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;max-width:1400px;margin:auto}.sys-log{color:#5da9ff;font-size:.9rem;letter-spacing:2px;margin-bottom:24px}.ping-title{font-size:4.5rem;font-weight:900;line-height:1.05}.ping-title span{color:#5da9ff}.ping-desc{margin:30px 0;max-width:520px;line-height:1.6;opacity:.85}.ping-info{display:flex;flex-direction:column;gap:18px;margin-top:32px}.info-item{display:flex;align-items:center;gap:14px;opacity:.9}.ping-status{margin-top:40px;font-size:.9rem}.online{color:#28f08c}.ping-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ping-header{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.dot{width:10px;height:10px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.ping-label{margin-left:auto;font-size:.8rem;opacity:.6}.ping-form{display:flex;flex-direction:column;padding:30px;gap:18px}.ping-form input,.ping-form textarea{background:#0006;border:1px solid rgba(255,255,255,.1);color:#eaeaea;padding:14px 16px;border-radius:10px;font-family:inherit;resize:none}.ping-form textarea{min-height:140px}.ping-form button{margin-top:10px;background:linear-gradient(135deg,#1e73ff,#5da9ff);border:none;padding:14px;border-radius:12px;color:#fff;font-weight:700;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.ping-form button:hover{opacity:.9}.ping-terminal{margin-top:1rem;color:#00ff41;font-family:Orbitron,monospace;font-size:.85rem;padding:12px 16px;border-radius:12px;min-height:60px;max-height:160px;overflow-y:auto;line-height:1.4}.ping-terminal .success{color:#00ff41;text-shadow:0 0 5px #00ff41}.ping-terminal .error{color:#f55;text-shadow:0 0 5px #ff5555}.ping-terminal::-webkit-scrollbar{width:6px}.ping-terminal::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.ping-terminal::-webkit-scrollbar-track{background:transparent}@media(max-width:1024px){.ping-wrapper{padding:80px 40px}.ping-grid{grid-template-columns:1fr;gap:60px}.ping-title{font-size:3.5rem}}@media(max-width:768px){.ping-wrapper{padding:60px 24px}.ping-grid{gap:40px}.ping-title{font-size:2.8rem;line-height:1.1}.ping-desc{max-width:100%}.sys-log{font-size:.85rem}.ping-info{gap:16px}.info-item{gap:12px;font-size:.95rem}}@media(max-width:480px){.ping-wrapper{padding:40px 20px;min-height:100vh}.ping-grid{gap:32px}.ping-title{font-size:2.2rem}.sys-log{font-size:.8rem;letter-spacing:1.5px}.ping-desc{font-size:.95rem}.ping-status{font-size:.85rem}.ping-form{padding:24px 20px;gap:16px}.ping-form input,.ping-form textarea{padding:12px 14px;font-size:.95rem}.ping-form textarea{min-height:120px}.ping-form button{padding:12px 16px;font-size:.95rem}.ping-header{padding:12px 16px}.info-item{gap:10px}}.portfolio-wrapper{padding:100px 80px;background:#090b0f;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;color:#eaeaea;font-family:Orbitron,monospace}.sys-log1{color:#5da9ff;font-size:.9rem;letter-spacing:2px;margin-bottom:24px}.portfolio-title{font-size:4.5rem;font-weight:900;line-height:1.05}.portfolio-title span{color:#5da9ff}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.portfolio-card{position:relative;overflow:hidden;border:#53b5f729 1px solid;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:20px;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.46,.45,.94);background-clip:padding-box;background-image:linear-gradient(#090b0f,#090b0f),conic-gradient(from 0deg,red,#f90,#0f0,#09f,#60f,#f06,red);background-origin:border-box;background-size:100% 100%,200% 200%}.portfolio-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transition:left .6s ease;z-index:2}.portfolio-card:hover:before{left:100%}.portfolio-card:hover{transform:translateY(-12px) scale(1.02)!important;box-shadow:0 25px 50px #5da9ff4d,0 0 0 1px #5da9ff99,inset 0 0 0 1px #ffffff26}.portfolio-card h3{margin-bottom:10px;font-weight:700;font-size:1.2rem}.portfolio-card p{opacity:.8;font-size:.9rem;line-height:1.4;margin-bottom:12px}.tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tech-tags span{background:#5da9ff26;color:#5da9ff;padding:4px 8px;border-radius:8px;font-size:.75rem}.project-link{display:inline-block;margin-top:12px;font-size:.85rem;opacity:0;transform:translateY(10px);text-decoration:none;font-weight:700;background:linear-gradient(90deg,#5da9ff,#ff6b6b,#4ecdc4,#5da9ff);background-size:300% 300%;background-position:0% 50%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity .4s ease,transform .4s ease}.portfolio-card:hover .project-link{opacity:1;transform:translateY(0);font-size:1rem;animation:projectGradientMove 2.2s ease infinite}@keyframes projectGradientMove{0%{background-position:0% 50%}50%{background-position:50% 0%}to{background-position:0% 100%}}.portfolio-card:hover .project-link{filter:drop-shadow(0 0 6px rgba(93,169,255,.6))}.portfolio-card:hover .project-link{opacity:1;transform:translateY(0);font-size:1rem}.project-img{width:100%;height:180px;overflow:hidden;border-radius:12px;margin-bottom:16px}.project-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;border-radius:12px}.project-img img:hover{transform:scale(1.08)}.view-more-container{display:flex;justify-content:center;margin-top:40px;opacity:0;animation:fadeInUp .8s ease .3s forwards}.view-toggle-container{display:flex;justify-content:center;align-items:center;margin-top:60px;padding:40px 0;width:100%}.toggle-btn{position:relative;background:#ffffff0d;border:1px solid rgba(93,169,255,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#5da9ff;padding:16px 36px;font-size:.95rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:1.2px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:280px;min-height:56px;box-shadow:0 8px 25px #0000004d}.expand-btn{background:linear-gradient(135deg,#5da9ff1f,#5da9ff0f);border-color:#5da9ff80}.minimize-btn{background:linear-gradient(135deg,#ff6b6b1f,#ff6b6b0f);color:#ff6b6b;border-color:#ff6b6b80}.toggle-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #5da9ff59,0 0 0 1px #5da9ff99,inset 0 0 0 1px #ffffff1a}.minimize-btn:hover{box-shadow:0 20px 40px #ff6b6b59,0 0 0 1px #ff6b6b99,inset 0 0 0 1px #ffffff1a;border-color:#ff6b6b}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s cubic-bezier(.25,.46,.45,.94);border-radius:inherit}.toggle-btn:hover .btn-glow{left:100%}@media(max-width:768px){.view-toggle-container{margin-top:40px;padding:30px 0}.toggle-btn{padding:14px 28px;font-size:.9rem;min-width:260px;min-height:52px}}@media(max-width:480px){.view-toggle-container{margin-top:30px;padding:20px 0}.toggle-btn{padding:12px 24px;font-size:.85rem;min-width:240px;min-height:48px}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.view-more-btn{position:relative;background:#ffffff0d;border:1px solid rgba(93,169,255,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#5da9ff;padding:14px 32px;font-size:.95rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .4s ease;font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:1px;overflow:hidden}.view-more-btn:hover{background:#5da9ff1a;border-color:#5da9ff;box-shadow:0 0 20px #5da9ff66;transform:translateY(-2px)}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(93,169,255,.4),transparent);transition:left .6s}.view-more-btn:hover .btn-glow{left:100%}@media(max-width:1024px){.portfolio-wrapper{padding:80px 40px}.portfolio-title{font-size:3rem}}@media(max-width:480px){.portfolio-wrapper{padding:40px 20px}.portfolio-title{font-size:2.2rem}.portfolio-card:hover{transform:translateY(-5px) scale(1.01)!important}}@media(hover:none){.portfolio-card:hover{transform:translateY(-5px)!important}}.footer{background:#0c0f14;color:#c8ffe6;padding:22px 20px;border-top:1px solid rgba(139,255,204,.12);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.footer-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:24px}.footer-paths,.footer-telemetry,.footer-status{font-family:JetBrains Mono,Courier New,monospace}.path-header,.telemetry-header{font-size:10px;letter-spacing:1.6px;color:#5da9ff;margin-bottom:6px;display:block}.footer-paths li{font-size:12px;opacity:.75;margin:4px 0;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.footer-paths li:hover{opacity:1;transform:translate(4px)}.footer-center{text-align:center}.footer-text{font-size:13px;font-weight:500;margin-bottom:10px;opacity:.85;font-family:Inter,system-ui,sans-serif}.footer-icons a{font-size:20px;opacity:.7;margin:0 10px;transition:all .25s ease}.footer-icons a:hover{opacity:1;transform:translateY(-2px);color:#fff}.footer-telemetry{text-align:right}.telemetry-box{background:#ffffff05;border:1px solid rgba(139,255,204,.12);padding:10px 12px;border-radius:6px}.telemetry-row{display:flex;justify-content:space-between;font-size:11px;margin:3px 0}.telemetry-value{color:#5da9ff;font-weight:600;min-width:56px;text-align:right}.footer-status{margin-top:14px;font-size:10px;opacity:.55;letter-spacing:1.5px;text-align:center}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:16px;text-align:center}.footer-paths{order:1}.footer-paths ul{display:inline-block;padding-left:0}.footer-telemetry{order:2;display:flex;flex-direction:column;align-items:center;gap:6px}.telemetry-header{font-size:10px;letter-spacing:1.4px}.telemetry-box{width:240px;padding:10px 12px}.telemetry-row{font-size:10px}.footer-center{order:3}.footer-status{font-size:9px;margin-top:10px;letter-spacing:1.2px}}.skills-strip{width:100%;overflow:hidden;padding-top:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;position:relative}.skills-strip:before{content:"";position:absolute;inset:0;background-size:40px 40px;pointer-events:none;z-index:0}.skills-strip.dark{background:#090b0f}.skills-strip.dark:before{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)}.skills-strip.light{background:#e0f2fe}.skills-strip.light:before{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px)}.skills-strip>*{position:relative;z-index:1}.skills-row{width:100%;transform:skewy(-2deg);overflow:hidden;white-space:nowrap}.skills-row-top{background:#05070f;color:#d0d0d0;padding:10px 0}.skills-row-bottom{background:#1a5dff;color:#fff;padding:18px 0}.loop-row{position:relative}.loop-track{display:inline-flex;align-items:center;will-change:transform}.skills-row-top .loop-item{font-size:18px;font-weight:600;letter-spacing:.12em;padding:0 80px}.skills-row-bottom .loop-item{font-size:36px;font-weight:700;letter-spacing:.14em;padding:0 140px}.loop-item{font-size:1.05rem;font-weight:700;letter-spacing:2px;color:#eaeaea;text-transform:uppercase;padding:0 26px;position:relative;display:flex;align-items:center}.loop-item:after{content:"";position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:40px;height:2px;background:#ffffff2e}.skills-row-top .loop-item:after{background:#ffffff1f}@media(max-width:768px){.skills-row-bottom .loop-item{font-size:22px;padding:0 70px}.skills-row-top .loop-item{font-size:14px;padding:0 40px}.loop-item:after{width:24px;margin-left:24px}}.social-button-section{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 40px;margin-top:40px;font-family:Orbitron,monospace;flex-wrap:wrap}.social-button-section.dark{background:radial-gradient(circle at top,#0c0f14,#050608)}.social-button-section.dark:before{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)}.social-button-section.light{background:#e0f2fe}.social-button-section.light:before{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px)}.social-button-wrapper{display:flex;gap:16px}.social-button-github,.social-button-linkedin{padding:10px 18px;font-family:Orbitron,monospace;font-weight:700;font-size:12px;letter-spacing:1px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:all .3s ease;outline:none}.social-button-github{background:#2563eb;color:#fff;border:1px solid #2563eb}.social-button-github:hover{background:transparent;color:#2563eb;box-shadow:0 0 10px #2563eb,0 0 20px #2563eb}.social-button-linkedin{background:transparent;color:#22c55e;border:1px solid #22c55e}.social-button-linkedin:hover{background:#22c55e;color:#0f1115;box-shadow:0 0 10px #22c55e,0 0 20px #22c55e}.social-email{font-size:12px;color:#9ca3af;white-space:nowrap}@media(max-width:768px){.social-button-section{flex-direction:column;align-items:center;gap:12px;padding:16px 20px}.social-email{margin-top:8px}}