@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--firebase-orange: #FF6B35;--firebase-blue: #039BE5;--firebase-yellow: #FFCA28;--firebase-green: #4CAF50;--firebase-red: #F44336;--firebase-dark: #1A1A1A;--firebase-darker: #0D1117;--firebase-gray: #2D3748;--firebase-light-gray: #4A5568;--firebase-white: #FFFFFF;--firebase-off-white: #F7FAFC;--bg-primary: #0D1117;--bg-secondary: #1A1A1A;--bg-card: rgba(26, 26, 26, .8);--text-primary: #FFFFFF;--text-secondary: rgba(247, 250, 252, .8);--border-color: rgba(255, 107, 53, .2)}[data-theme=light]{--bg-primary: #F7FAFC;--bg-secondary: #FFFFFF;--bg-card: rgba(255, 255, 255, .9);--text-primary: #1A1A1A;--text-secondary: rgba(26, 26, 26, .7);--border-color: rgba(255, 107, 53, .3)}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;line-height:1.6;overflow-x:hidden;transition:background .3s ease,color .3s ease}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--firebase-dark)}::-webkit-scrollbar-thumb{background:var(--firebase-orange);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e55a2b}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}video{display:block;width:100%;height:auto;border-radius:0 0 8px 8px;background:#000}video::-webkit-media-controls{display:none!important}video::-webkit-media-controls-panel{display:none!important}video::-webkit-media-controls-play-button{display:none!important}video::-webkit-media-controls-start-playback-button{display:none!important}.browser-frame{box-shadow:0 20px 40px #0000004d;transition:all .3s ease}.browser-frame:hover{transform:translateY(-5px);box-shadow:0 25px 50px #0006}.project-card{transition:all .3s ease}.project-card:hover{transform:translateY(-10px)}.tech-badge{transition:all .2s ease}.tech-badge:hover{transform:scale(1.05);background-color:#ff6b351a;border-color:#ff6b35}.firebase-gradient{background:linear-gradient(135deg,var(--firebase-orange) 0%,var(--firebase-blue) 100%)}.firebase-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.glassmorphism{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003}.firebase-button{background:linear-gradient(135deg,var(--firebase-orange) 0%,#e55a2b 100%);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b354d}.firebase-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}@media (max-width: 1024px){.container{padding:0 1.5rem}}@media (max-width: 768px){body{font-size:14px}.browser-frame{margin:0 -1rem}.firebase-card{padding:1rem;border-radius:12px}.firebase-button{padding:10px 20px;font-size:14px}}@media (max-width: 640px){.container{padding:0 1rem}.firebase-card{padding:.75rem;border-radius:10px}.firebase-button{padding:8px 16px;font-size:13px}}@media (max-width: 480px){body{font-size:13px}.container{padding:0 .75rem}.firebase-card{padding:.5rem;border-radius:8px}}section{margin-bottom:4rem;padding:2rem 0}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{padding:0 2rem}}@media (min-width: 1024px){.container{padding:0 4rem}}