@tailwind base;@plugin "tailwindcss-animate";@custom-variant dark (&:is(.dark *));@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{background:#131212;color:#ffb000;font-family:Courier New,monospace;overflow-x:hidden;font-size:18px}#root{min-height:100vh;background-attachment:fixed;position:relative;background:transparent}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,#8b45ff,#ff6b35);z-index:9999;transition:width .1s ease}@theme inline{ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --radius-2xl: calc(var(--radius) + 8px); --radius-3xl: calc(var(--radius) + 12px); --radius-4xl: calc(var(--radius) + 16px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --animate-grid: grid 15s linear infinite; @keyframes grid { 0% { transform: translateY(-50%); } 100% { transform: translateY(0); } } }:root{--radius: .625rem;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.922 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.556 0 0);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.556 0 0)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;position:fixed;top:0;left:0;right:0;background:#0d1117e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(139,69,255,.3);box-shadow:0 2px 10px #0000004d;z-index:1000;box-sizing:border-box;height:60px}.logo{font-size:1.8rem;font-weight:700;color:#8b45ff;font-family:Courier New,monospace}.nav-links{display:flex;gap:1.5rem}.nav-links button{background:none;border:none;font-size:.9rem;cursor:pointer;color:#fff;font-family:Courier New,monospace;padding:6px 12px;transition:all .3s ease;position:relative;overflow:hidden}.nav-links button:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#8b45ff,#ff6b35);transition:all .3s ease;transform:translate(-50%)}.nav-links button:hover:before{width:100%}.nav-links button:hover{color:#8b45ff;transform:translateY(-1px)}@media(max-width:768px){.navbar{padding:.5rem 1rem}.logo{font-size:1.5rem}.nav-links{gap:1rem}.nav-links button{font-size:.9rem;padding:8px 12px}}@media(max-width:480px){.navbar{padding:.4rem .8rem}.logo{font-size:1.3rem}.nav-links{gap:.8rem}.nav-links button{font-size:.8rem;padding:6px 10px}}.body-container{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 3rem;padding-top:40px;position:relative;gap:4rem}.content{max-width:650px;flex:1;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:500px;padding-right:2rem}.greeting{font-size:1.4rem;color:#ffebcd;margin-bottom:.5rem;font-family:Courier New,monospace;font-weight:300}.name{font-size:3.5rem;font-weight:700;margin-bottom:2rem;color:#ffb000;text-shadow:0 0 5px rgba(255,176,0,.7),0 0 10px rgba(255,176,0,.5);font-family:Courier New,monospace;line-height:1.1;text-transform:uppercase;letter-spacing:2px}.bio{display:flex;flex-direction:column;gap:1rem}.typewriter{font-size:2rem;color:#f8fafc;font-family:Courier New,monospace;margin:0;min-height:2.5rem}.typewriter .role{color:#2563eb;font-weight:700}.description{font-size:1.3rem;color:#ff9d00;font-family:Courier New,monospace;margin-top:1rem;line-height:1.4;text-shadow:0 0 2px rgba(255,176,0,.3)}.cursor{animation:blink 1s infinite;color:#06b6d4;font-weight:400}.social-links{display:flex;gap:1.5rem;margin-top:3rem;justify-content:center;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;text-decoration:none;transition:all .3s ease;box-shadow:inset 0 0 5px #ffffff1a}.social-link:hover{background:#ffffff1a;border-color:#fff9;transform:translateY(-3px);box-shadow:0 8px 25px #ffffff4d}.social-link svg{width:24px;height:24px}.social-link svg path{fill:#fff}.social-link img{width:24px;height:24px;filter:brightness(0) invert(1)}.photo-container{flex:1;display:flex;justify-content:center;align-items:center;position:relative;min-height:500px;max-width:450px}.photo-container:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;animation:pulse 3s ease-in-out infinite}.profile-photo{width:400px;height:500px;border-radius:20px;object-fit:cover;border:1px solid rgba(255,140,0,.3);image-rendering:auto;filter:contrast(1.2) grayscale(.3) sepia(20%) hue-rotate(10deg) brightness(1.1);transition:all .4s ease;z-index:2;position:relative}.profile-photo:hover{transform:scale(1.02);border-color:#ff8c00cc}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}}.scroll-down-arrow{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:#0000004d;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;animation:bounce 2s infinite}.scroll-down-arrow:hover{background:#8b45ff4d;transform:translate(-50%) translateY(-5px)}.scroll-down-arrow svg{width:24px;height:24px}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@media(max-width:768px){.body-container{flex-direction:column-reverse;padding:0 1.5rem;padding-top:80px;text-align:center}.content{max-width:100%;margin-top:2rem}.name{font-size:2.5rem}.typewriter{font-size:1.5rem;min-height:2rem}.description{font-size:1.1rem}.social-links{gap:1rem;justify-content:center}.social-link{width:45px;height:45px}.social-link svg,.social-link img{width:22px;height:22px}.profile-photo{width:250px;height:250px;margin-bottom:0;margin-left:0}.photo-container:before{width:280px;height:280px}}@media(max-width:480px){.body-container{padding:0 1rem;padding-top:70px}.name{font-size:2rem}.typewriter{font-size:1.3rem}.description{font-size:1rem}.social-links{gap:.8rem}.social-link{width:40px;height:40px}.social-link svg,.social-link img{width:20px;height:20px}.profile-photo{width:200px;height:200px}.photo-container:before{width:230px;height:230px}}.social-links svg path{fill:#fff!important}.social-links a{color:#fff}.social-links img{filter:brightness(0) invert(1)}.about-container{min-height:100vh;padding:100px 3rem 50px;display:flex;align-items:center;justify-content:center}.about-content{max-width:800px;width:100%}.about-title{font-size:3rem;font-weight:700;color:#fff;font-family:Courier New,monospace;text-align:center;margin-bottom:3rem}.terminal-window{background:#1e1e1e;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080;margin-bottom:5rem;border:1px solid #333}.terminal-header{background:#323232;padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #444}.terminal-buttons{display:flex;gap:8px}.terminal-button{width:12px;height:12px;border-radius:50%;cursor:pointer}.terminal-button.close{background:#ff5f56}.terminal-button.minimize{background:#ffbd2e}.terminal-button.maximize{background:#27c93f}.terminal-title{color:#999;font-size:.85rem;font-family:Courier New,monospace;flex:1;text-align:center}.terminal-body{padding:30px;font-family:Courier New,monospace;font-size:1.1rem;line-height:1.8}.terminal-line{margin-bottom:12px}.terminal-prompt{color:#4ec9b0;font-weight:700}.terminal-command{color:#dcdcaa}.terminal-output{margin:16px 0;color:#d4d4d4}.terminal-output p{margin-bottom:12px;line-height:1.7}.terminal-highlight{color:#569cd6;font-weight:700}.terminal-cursor{color:#4ec9b0;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.skills-section{margin-bottom:5rem}.skills-title{font-size:2rem;color:#fff;font-family:Courier New,monospace;margin-bottom:2rem;text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;perspective:1000px}.skill-item{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;position:relative;overflow:hidden}.skill-item h4{font-size:1.3rem;color:#2563eb;font-family:Inter,sans-serif;font-weight:600;margin-bottom:.8rem}.skill-item p{font-size:.95rem;color:#64748b;font-family:Inter,sans-serif;line-height:1.6}.connect-section{text-align:center}.connect-text{font-size:1.1rem;color:#aeacac;font-family:Courier New,monospace;line-height:1.6;margin-bottom:2rem}.resume-section{display:flex;justify-content:center}.resume-btn{display:inline-flex;align-items:center;gap:.5rem;padding:12px 24px;background:#587bdd33;border:2px solid #8f8899;border-radius:8px;color:#fdf8f8;text-decoration:none;font-family:Courier New,monospace;font-size:1rem;font-weight:700;transition:all .3s ease}.resume-btn:hover{background:#0d1f68;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8b45ff66}.resume-btn svg{width:20px;height:20px}@media(max-width:768px){.about-container{padding:80px 1.5rem 50px}.about-title{font-size:2.5rem}.intro-text{font-size:1.2rem}.description{font-size:1rem}.skills-title{font-size:1.8rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:480px){.about-container{padding:60px 1rem 30px}.about-title{font-size:2rem}.intro-text{font-size:1.1rem}.description{font-size:.9rem}.skills-title{font-size:1.5rem}.skill-item{padding:1rem}}.projects-container{min-height:100vh;padding:20px 3rem 50px;display:flex;align-items:center;justify-content:center}.projects-content{max-width:1200px;width:100%}.projects-title{font-size:3rem;font-weight:700;color:#f8fafc;font-family:Poppins,sans-serif;text-align:center;margin-bottom:4rem;position:relative}.projects-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#2563eb,#8b5cf6);border-radius:2px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;perspective:1000px}.project-lens{height:350px;cursor:pointer}.lens-card{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.lens-card.flipped{transform:rotateY(180deg)}.lens-front,.lens-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.lens-front{background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.lens-front img{width:100%;height:100%;object-fit:cover}.lens-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff}.lens-overlay h3{font-size:1.75rem;font-family:Poppins,sans-serif;font-weight:600}.lens-back{background:linear-gradient(135deg,#2563eb1a,#8b5cf61a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(37,99,235,.3);transform:rotateY(180deg);padding:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.project-title{font-size:1.75rem;color:#f8fafc;font-family:Poppins,sans-serif;font-weight:600;margin-bottom:1rem}.project-description{font-size:1rem;color:#94a3b8;font-family:Inter,sans-serif;line-height:1.7;margin-bottom:1.5rem;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tag{padding:.4rem .9rem;background:#2563eb1a;border:1px solid rgba(37,99,235,.3);border-radius:20px;color:#60a5fa;font-size:.8rem;font-family:Inter,sans-serif;font-weight:500}.github-link{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;color:#fff;text-decoration:none;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s ease}.github-link:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translate(5px);box-shadow:0 4px 12px #2563eb66}@media(max-width:968px){.projects-grid{grid-template-columns:1fr}.project-lens{height:350px}}@media(max-width:768px){.projects-container{padding:80px 1.5rem 50px}.projects-title{font-size:2.5rem}.project-info{padding:2rem}.project-title{font-size:1.5rem}}@media(max-width:480px){.projects-container{padding:60px 1rem 30px}.projects-title{font-size:2rem}.project-lens{height:320px}.lens-back{padding:1.5rem}.project-title{font-size:1.3rem}.project-description{font-size:.9rem}.github-link{font-size:.85rem;padding:.6rem 1.2rem}}.contact-container{min-height:100vh;padding:100px 3rem 50px;display:flex;align-items:center;justify-content:center}.contact-content{max-width:600px;width:100%;text-align:center}.contact-title{font-size:3rem;font-weight:700;color:#fff;font-family:Courier New,monospace;margin-bottom:2rem}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1000px;margin:0 auto}.contact-box{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.contact-item:last-child{margin-bottom:0}.contact-item svg{color:#8b45ff;flex-shrink:0}.contact-item a,.contact-item span{color:#fff;text-decoration:none;font-family:Courier New,monospace;font-size:1rem;transition:color .3s ease}.contact-item a:hover{color:#8b45ff}.contact-form{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:12px 16px;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#8b45ff}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.submit-btn{width:100%;padding:12px 24px;background:#8b45ff33;border:2px solid #8b45ff;border-radius:8px;color:#8b45ff;font-family:Courier New,monospace;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.submit-btn:hover{background:#8b45ff;color:#fff;transform:translateY(-2px)}@media(max-width:768px){.contact-container{padding:80px 1.5rem 50px}.contact-title{font-size:2.5rem}.contact-layout{grid-template-columns:1fr;gap:2rem}.contact-box,.contact-form{padding:1.5rem}}@media(max-width:480px){.contact-container{padding:60px 1rem 30px}.contact-title{font-size:2rem}.contact-layout{gap:1.5rem}.contact-box,.contact-form{padding:1rem}.contact-item{gap:.8rem;margin-bottom:1rem}.contact-item a,.contact-item span{font-size:.9rem}.form-group input,.form-group textarea{padding:10px 12px;font-size:.9rem}.submit-btn{padding:10px 20px;font-size:.9rem}}@media(max-width:768px){.contact-container{padding:80px 2rem 50px}.contact-title{font-size:2.5rem}}.footer{border-top:1px solid rgba(255,255,255,.1);padding:3rem 2rem 2rem;margin-top:4rem;width:100%}.footer-content{max-width:1200px;margin:0 auto}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-social{display:flex;gap:1rem}.social-icon{width:45px;height:45px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .3s ease}.social-icon:hover{background:#2563eb1a;border-color:#2563eb;color:#60a5fa}.footer-text{color:#64748b;font-family:Inter,sans-serif;font-size:.95rem;margin:0;display:flex;align-items:center;gap:.5rem}.heart{display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media(max-width:768px){.footer{padding:3rem 1.5rem 2rem}.footer-title{font-size:2rem}.footer-subtitle{font-size:1rem}.footer-button{padding:.85rem 2rem;font-size:.95rem}}@media(max-width:480px){.footer-title{font-size:1.75rem}.footer-subtitle{font-size:.9rem}.social-icon{width:40px;height:40px}}.techstack-container{padding:4rem 2rem;background:transparent;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.techstack-title{font-size:2.5rem;font-weight:700;color:#f8fafc;margin-bottom:3rem;font-family:Poppins,sans-serif;text-align:center}.tech-cloud-wrapper{display:flex;justify-content:center;align-items:center}.tech-cloud-wrapper canvas{width:600px!important;height:600px!important}@media(max-width:768px){.tech-grid{grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:1rem}.techstack-title{font-size:2rem}}