:root{--color-bg: #050505;--color-surface: #0F1115;--color-primary: #FF2E2E;--color-primary-dim: #D92020;--color-accent: #3DDC84;--color-text: #EAEAEA;--color-text-dim: #888888;--font-display: "Clash Display", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-unit: 8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-display);overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh}#app{width:100%;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dim)}.hero-container{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;gap:60px;align-items:center;justify-content:center;overflow:hidden;padding:20px}.gradle-card{width:100%;max-width:500px;background:#1e1f22;border:1px solid #3E4146;border-radius:8px;font-family:var(--font-mono);font-size:13px;box-shadow:0 10px 30px #00000080;overflow:hidden;opacity:0;animation:slideUp .5s ease-out .3s forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gradle-header{background:#2b2d30;padding:8px 16px;border-bottom:1px solid #3E4146;color:#a9b7c6;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.gradle-title{display:flex;align-items:center;gap:8px}.view-toggle{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;-webkit-user-select:none;user-select:none;cursor:pointer}.toggle-label{color:#5c6370;transition:color .3s}.toggle-label.active{color:#fff;font-weight:600}.toggle-switch{width:32px;height:16px;position:relative}.toggle-track{width:100%;height:100%;background:#3e4146;border-radius:100px;transition:background .3s}.toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;background:#a9b7c6;border-radius:50%;transition:transform .3s,background .3s;box-shadow:0 2px 4px #0000004d}.view-toggle.simple-active .toggle-thumb{transform:translate(16px);background:var(--color-accent)}.view-toggle.simple-active .toggle-track{background:#3ddc8433}.skills-simple-view{padding:24px;background:#1e1f22;display:flex;flex-direction:column;gap:20px}.skill-category{display:flex;flex-direction:column;gap:12px}.category-label{color:#5c6370;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:1px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#c1c1c1;padding:6px 12px;border-radius:100px;font-size:12px;font-family:Inter,sans-serif;transition:all .2s}.skill-tag:hover{background:#3ddc841a;border-color:#3ddc844d;color:var(--color-accent);transform:translateY(-1px)}.code-editor{padding:20px;color:#a9b7c6;line-height:1.6;overflow-x:auto;white-space:nowrap}@media(max-width:600px){.gradle-card{font-size:11px;max-width:90vw}.code-editor{padding:12px}}.k-kw{color:#cc7832}.k-fn{color:#ffc66d}.k-str{color:#6a8759}.k-num{color:#6897bb}.k-com{color:gray}.experience-section{width:100%;max-width:500px;margin-top:40px;display:flex;flex-direction:column;gap:24px;opacity:0;animation:slideUp .5s ease-out .5s forwards}.material-card{background:#1e1f22;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s,background .2s;position:relative;overflow:hidden}.material-card:hover{transform:translateY(-2px);background:#232529;box-shadow:0 8px 24px #0006;border-color:#ffffff1a}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;flex-wrap:wrap;gap:8px}.role-title{font-family:var(--font-display);font-size:18px;font-weight:600;color:#fff;letter-spacing:.5px}.company-badge{font-family:var(--font-mono);font-size:11px;color:var(--color-accent);background:#3ddc8414;padding:4px 8px;border-radius:4px;border:1px solid rgba(61,220,132,.1)}.card-meta{display:flex;gap:16px;margin-bottom:16px;font-size:12px;color:#71787e;font-family:var(--font-mono)}.meta-item{display:flex;align-items:center;gap:6px}.card-body{font-family:Inter,sans-serif;color:#c1c1c1;font-size:14px;line-height:1.6;display:flex;flex-direction:column;gap:8px}.card-body p{margin:0}.card-media{margin-top:16px;border-radius:8px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.05);display:flex;justify-content:center;align-items:center}.media-type-mobile{max-width:240px;aspect-ratio:9 / 16;margin-left:auto;margin-right:auto}.media-type-video{width:100%;aspect-ratio:16 / 9}.media-type-logo{width:100%;height:auto;background:transparent;padding:24px;border-radius:12px}.media-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#555;font-size:11px;font-family:var(--font-mono);background:repeating-linear-gradient(45deg,#151515,#151515 10px,#1a1a1a 10px 20px)}.bg-grid{position:absolute;top:0;left:0;width:200%;height:200%;background-image:linear-gradient(var(--color-surface) 1px,transparent 1px),linear-gradient(90deg,var(--color-surface) 1px,transparent 1px);background-size:40px 40px;background-position:center;opacity:.3;transform:perspective(500px) rotateX(60deg) translateY(-100px) translateZ(-200px);animation:gridMove 20s linear infinite;z-index:-2;pointer-events:none}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0) translateZ(-200px)}to{transform:perspective(500px) rotateX(60deg) translateY(40px) translateZ(-200px)}}.bg-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,#ff2e2e26,#05050500 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}#logcat-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-2;overflow:hidden;padding:20px;font-family:var(--font-mono);font-size:10px;line-height:1.5;color:#ffffff14;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:flex-end;-webkit-mask-image:linear-gradient(to top,black 50%,transparent 100%);mask-image:linear-gradient(to top,black 50%,transparent 100%)}.log-line{white-space:nowrap;opacity:.7}.log-debug{color:#3ddc84}.log-info{color:#61afef}.log-warn{color:#e5c07b}.log-error{color:#ff2e2e}.log-verbose{color:#abb2bf}.device-card{width:100%;max-width:380px;aspect-ratio:9 / 19;background:#0f1115cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:48px;box-shadow:0 20px 50px #00000080,0 0 0 1px #ff2e2e1a inset;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.device-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px #0009,0 0 0 1px #ff2e2e4d inset}.device-header{padding:16px 24px 0;display:flex;justify-content:space-between;opacity:.6}.status-bar{width:100%;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:#fff}.status-left,.status-right{display:flex;align-items:center;gap:12px}.notification-icon{display:flex;align-items:center;color:inherit;opacity:.8;transition:opacity .2s;width:16px;height:16px}.notification-icon:hover{opacity:1}.notification-dot{font-size:8px;opacity:.5;margin:0 -4px}.icon-mail{opacity:.7}.status-right{gap:8px}.icon-signal,.icon-wifi{width:18px;height:18px}.battery-group{display:flex;align-items:center;gap:6px;margin-left:4px}.battery-text{font-size:13px;font-weight:600}.battery-icon{width:24px;height:12px;border:1px solid #fff;border-radius:4px;padding:1px;position:relative;display:flex;align-items:center}.battery-icon:after{content:"";position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:2px;height:4px;background:#fff;border-radius:0 1px 1px 0}.battery-fill{height:100%;width:100%;background:#fff;border-radius:1px}.device-content{padding:40px 32px 60px;display:flex;flex-direction:column;gap:32px}.name{font-size:48px;line-height:.9;font-weight:600;letter-spacing:-1px;margin-bottom:16px;background:linear-gradient(to bottom right,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.role-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#3ddc841a;border:1px solid rgba(61,220,132,.2);border-radius:100px;color:var(--color-accent);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.5px}.android-icon{width:14px;height:14px;color:var(--color-accent);filter:drop-shadow(0 0 4px var(--color-accent));animation:droidPulse 2s ease-in-out infinite;margin-top:2px}@keyframes droidPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px var(--color-accent))}50%{transform:scale(1.1);filter:drop-shadow(0 0 8px var(--color-accent))}}.code-block{font-family:var(--font-mono);font-size:14px;color:var(--color-text-dim);display:flex;flex-direction:column;gap:12px;position:relative}.code-block:before{content:"";position:absolute;left:-16px;top:0;bottom:0;width:1px;background:#ffffff1a}.comment{color:#5c6370;font-style:italic}.keyword{color:var(--color-primary)}.string{color:#98c379}.contact-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.copy-btn{background:transparent;border:none;color:var(--color-text-dim);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:all .2s}.copy-btn:hover{background:#ffffff1a;color:var(--color-text)}.device-footer{padding-bottom:24px;display:flex;justify-content:center;margin-top:auto}.nav-indicator{width:120px;height:4px;background:#fff3;border-radius:2px}#toast-container{position:fixed;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:100}.toast{background:var(--color-surface);color:var(--color-text);padding:12px 24px;border-radius:100px;border:1px solid rgba(255,255,255,.1);font-family:var(--font-mono);font-size:12px;box-shadow:0 8px 20px #0006;animation:toastIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}