/* 
 * GitHub Repository Phishing Alert Appeal & Project Verification
이 페이지는 깃허브에서 발생한 피싱 경고 오탐지(False Positive)를 해명하고, 해당 코드가 순수한 학습 및 포트폴리오용임을 증명하기 위해 작성되었습니다.
This CSS is part of a student project. 
Any resemblance to real-world commercial sites is purely for design practice.
*/

/* index.css */
#app {
    background-color: #f5f5f5;
    border-radius: 20px;
    max-width: 420px;
    min-width: 320px; margin: 10px auto;
    text-align: center; padding: 40px 0;
    height: 90vh;
}
#app header {}
#app header p {}
#app header h1 {width: 80px; margin: 20px auto;}
#app header h1 img {width: 100%;}
#app main {
    background-color: #fff;
    margin:0 25px; padding: 30px;
}
#app main h2 {font-size: 0.85rem; line-height: 2;}
#app main p {line-height: 2;}
#app main p #money {
    background-color: #ffc457;
    width: 200px;  height: 40px; border-radius: 10px;
    text-align: center;
}
#app main p #result {
    background-color: #111; color: #fff;
    width: 200px; height: 40px; border-radius: 10px;
    margin: 5px 0 0;
}
#app main .discount {margin: 30px 0 0;}
#app main .discount li {
    line-height: 1.7; border-bottom: 1px dotted #ddd;
}