@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=EB+Garamond:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.app{height:100%;background-color:#f9f7f7;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;box-sizing:border-box}.business-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:2rem;max-width:500px;width:100%;border:2px solid #d1d5db;position:relative;z-index:10;pointer-events:auto}.business-card:before{content:"";position:absolute;inset:-80px;background:radial-gradient(circle,transparent 60%,rgba(249,247,247,.3) 70%,rgba(249,247,247,.8) 85%,rgba(249,247,247,1) 100%);z-index:-1;pointer-events:none}.header{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.photo-placeholder{flex-shrink:0}.photo-circle{width:70px;height:70px;border-radius:50%;background-color:#e5e7eb;border:2px solid #d1d5db}.name-section{text-align:center}h1{font-size:2.5rem;color:#1f2937;margin-bottom:.25rem;font-weight:300;font-family:Montserrat,sans-serif;line-height:1.1}.title{color:#6b7280;font-size:.9rem;font-weight:400;letter-spacing:2px;font-family:Montserrat,sans-serif}.contact-section{display:flex;justify-content:center;padding-top:1.5rem;border-top:1px solid #d1d5db}.contact-links{display:flex;gap:1.5rem;align-items:center}.contact-links a{color:#4a90e2;text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:.5px;font-family:EB Garamond,serif;padding:.5rem 1rem;border-radius:0;transition:all .3s ease;border:1px solid transparent;display:flex;align-items:center;gap:.5rem}.contact-links .icon{width:16px;height:16px;flex-shrink:0}.contact-links a:hover{background-color:#4a90e2!important;color:#fff!important;border-color:#4a90e2!important}@media(max-width:768px)and (orientation:portrait){.app{padding:1rem}.business-card{padding:1.25rem .75rem;margin:0;max-width:calc(100% - 1rem);border-radius:6px}.business-card:before{inset:-40px}.header{gap:1rem;margin-bottom:.75rem}h1{font-size:1.75rem}.contact-section{padding-top:.75rem}.contact-links{flex-direction:column;gap:.15rem;align-items:center;width:100%}.contact-links a{font-size:.8rem;padding:.4rem 1rem;width:80%;max-width:200px;justify-content:center;transition:all .3s ease}}@media(max-width:768px)and (orientation:landscape){.app{padding:.5rem}.business-card{max-width:400px;padding:.75rem 1.5rem}.business-card:before{inset:-30px}h1{font-size:1.8rem}.header{margin-bottom:.5rem}.contact-section{padding-top:.5rem}.contact-links{gap:.75rem}.contact-links a{padding:.3rem .75rem;font-size:.75rem}}